asp.net - 网页中的锚定控件就像 WinForm 应用程序一样

Question

我是 CSS 新手，也是 Web 开发新手。

windows应用程序中的控件有一个属性叫做anchor，你可以在调整父容器大小时设置要调整控件的哪个部分。我正在网页中寻找相同的属性。

让我举个例子：

假设我们连续有 a textbox、 abutton和 a label，我的问题是如何给label和button一个固定大小（比如 100px）并使textbox填充空间达到100%。

一个代码片段可能是这样的：

<div>
    <div style="float:left; width:100%;">
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></div>
    <div style="float:left; width:100px;">
        <asp:Button ID="Button1" runat="server"></asp:Button></div>
    <div style="float:right; width:100px;">
        <asp:Label ID="Lbl1" runat="server"></asp:Label></div>        
</div>

请注意，示例代码是错误的，并强制按钮和标签进入新行。

谢谢

Answer 1

尝试这个

<div>
    <asp:TextBox ID="TextBox1" Width="75%" Style="float: left;" runat="server"></asp:TextBox>
    <asp:Button ID="Button1" Text="test" Width="10%" Style="float: right;" runat="server">
    </asp:Button>
    <asp:Label ID="Lbl1" Text="test" Width="10%" Style="float: right;" runat="server"></asp:Label>
</div>

Answer 2

使用表就可以了

<table style="width:100%">
   <tr>
      <td style="width:100%"> TextBox Here </td>
      <td style="width:1px"> label Here </td>
      <td style="width:1px"> button Here </td>
   </tr>
</table>