码迷,mamicode.com
首页 > 其他好文 > 详细

用table建立表单时,td元素下的提交按钮如何居中

时间:2017-11-27 14:15:28      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:重要   bsp   src   http   忽略   标签   单元   button   onclick   

  如果网站是用table标签布局的话,那么一定也会用到tr、td标签,所以建立表单的时候,td标签肯定会运用到按钮上,想让按钮居中的话,你们肯定会用align=“center”或者style=“text-align:center”这两个代码,可是你会发现居中效果没有实现,我想你们是忽略了一个重要的问题,tr标签是行,td标签相当于单元格,举个小例子,     技术分享图片

   账号和文本框一行,密码和文本框一行,按钮一行,但是!别忘了td标签,你账号和文本框一行相当于占用了两个单元格,可是你按钮只有一行占用两个单元格,所以你要把这两个单元格合并成一个然后再居中。可使用colspan 属性规定单元格可横跨的列数,通俗一点就是合并。用法:<td colspan="value">

<table>
        <tr>
            <td>账号:</td>
            <td><asp:TextBox ID="tb_eid" runat="server"></asp:TextBox></td>
        </tr>
        <tr>
            <td>密码:</td>
            <td><asp:TextBox ID="tb_epwd" runat="server" TextMode="Password"></asp:TextBox></td>
        </tr>
        <tr>
            <td align="center" colspan="2">
                <asp:Button ID="btn_login" runat="server" Text="登录" onclick="btn_login_Click" />
            </td>
        </tr>
    </table>

  

用table建立表单时,td元素下的提交按钮如何居中

标签:重要   bsp   src   http   忽略   标签   单元   button   onclick   

原文地址:http://www.cnblogs.com/huangj/p/7903656.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!