Question

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

Windows应用程序中的控件有一个名为anchor的属性，您可以在调整父容器大小时设置要调整大小的控件部分。我在网页上寻找相同的属性。

让我举个例子：

假设我们连续有textbox，button和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>

像WinForm应用程序一样在Web页面中锚定控件

2 个答案: