首页 > 其他 > 详细

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

时间:2017-11-27 13:50:14      阅读:312      评论:0      收藏:0      [点我收藏+]

  如果网站是用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元素下的提交按钮如何居中

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!