html - CSS：如何在单元格表的两端放置控件

Question

我在单元格表中有一个按钮和一个文本框。如何进行样式设置，以便两个控件位于相反的位置。现在，按钮粘在文本框上。我希望它们位于表格单元格的两个极端。

<td style= "width:300px">
   <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>       
   <asp:Button ID="Button1" runat="server" Text="Button" />
</td>

Answer 1

将第一个设为“style=float:left”，第二个设为右浮动。

这可能会导致第二个出现略低于这种情况，在这种情况下，您应该首先使其浮动。

Answer 2

试试这个：

<td style= "width:300px">
   <asp:TextBox ID="TextBox1" runat="server" style="float:left;"></asp:TextBox>       
<asp:Button ID="Button1" runat="server" Text="Button" style="float:right;"width:100px; />
</td>