Question

下面是提交和取消按钮的代码。当我有3个按钮时，我将中间按钮对齐为中心。因此所有3个按钮在中心看起来都很好。但对于像这样的东西，有2个按钮。我如何在tr的中心对齐它们。使用此代码，它显示在左侧。谢谢！

<tr align="center">

    <td style="width: 100px; height: 45px;">
        <asp:ImageButton ID="imgbtnSubmit" runat="server" 
             ImageUrl="~/images/submitnew.gif"
             OnClick="imgbtnSubmit_Click" ValidationGroup="valCC" 
             TabIndex="21" />
    </td>

    <td style="width: 100px; height: 45px;">
          <asp:ImageButton ID="imgbtnCancel2" runat="server" 
              ImageUrl="~/images/cancel.gif"
              OnClick="imgbtnCancel2_Click" CausesValidation="false" 
              ImageAlign="AbsMiddle"
              ValidationGroup="valCC" />
    </td>

Answer 1

您为两个单元格分配硬宽度。这应该迫使他们向左。如果你想把事情放在中心位置，最好不要让尺寸偏离，让浏览器找出最合适的尺寸。

此外，使用表格来形成新手错误，因为它通常会遇到像你一样的问题。尝试：

<div style="text-align:center">
    <asp:ImageButton ..... />
    &nbsp;
    <asp:ImageButton ..... />

</div>

Answer 2

将它们放在一个单元格中（colspan=2）并将它们放在那里：

<tr>
    <td style="width: 200px; height: 45px; text-align: center;" colspan=2>
        <asp:ImageButton ID="imgbtnSubmit" runat="server" ImageUrl="~/images/submitnew.gif"
             OnClick="imgbtnSubmit_Click" ValidationGroup="valCC" TabIndex="21" />
          <asp:ImageButton ID="imgbtnCancel2" runat="server" ImageUrl="~/images/cancel.gif"
              OnClick="imgbtnCancel2_Click" CausesValidation="false" ImageAlign="AbsMiddle"
              ValidationGroup="valCC" />
    </td>
</tr>

Html：2 td's，如何将它们对齐？

2 个答案: