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


  如果网站是用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>

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM