用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