2010-08-03 76 views
0

下面是提交和取消按钮的代码。当我有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> 
+0

是的,没有代码! – user279521 2010-08-03 14:42:40

+0

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

+0

有3个td的3个按钮! – Ram 2010-08-03 16:09:22

回答

0

装在一个单元格(与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> 
2

您指派硬盘宽度的两个单元。这应该强制他们到左边。如果你想要以事物为中心,最好关闭尺寸,让浏览器找出最佳尺寸。

此外,使用表来形成一个新手的错误,因为它通常最终会遇到像你一样的问题。尝试:

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

</div> 
+0

@Ram更好地使用HTML结构的无表格布局。 – 2010-08-03 15:01:49