Html：2 td's，如何將它們對齊中心？

下面是提交和取消按鈕的代碼。當我有3個按鈕時，我將中間的一個對齊。所以所有3個按鈕在中心看起來都不錯。但對於這樣的事情，有2個按鈕。我如何將它們對齊到tr的中心。有了這個代碼，它顯示在左側。謝謝！！Html：2 td's，如何將它們對齊中心？

<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>

來源

2010-08-03 Ram

是的，沒有代碼！ – user279521 2010-08-03 14:42:40

表中其他TR中有多少個TD？ – 2010-08-03 14:44:37

有3個td的3個按鈕！ – Ram 2010-08-03 16:09:22

裝在一個單元格（與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>

來源

2010-08-03 14:47:56 RoToRa

您指派硬盤寬度的兩個單元。這應該強制他們到左邊。如果你想要以事物爲中心，最好關閉尺寸，讓瀏覽器找出最佳尺寸。

此外，使用表來形成一個新手的錯誤，因爲它通常最終會遇到像你一樣的問題。嘗試：

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

</div>

來源

2010-08-03 14:49:37

@Ram更好地使用HTML結構的無表格佈局。 – 2010-08-03 15:01:49

Html：2 td's，如何將它們對齊中心？

回答

相關問題