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

时间:2013-07-08 04:24:25

标签: asp.net .net css web

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

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

让我举个例子:

假设我们连续有textboxbuttonlabel,我的问题是如何给labelbutton 固定大小(比如说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>

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

由于

2 个答案:

答案 0 :(得分:0)

试试这个

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

答案 1 :(得分:0)

使用表格诀窍

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