0

私はCSSが初めてで、Web開発も初めてです。

Windows アプリケーションのコントロールにはアンカーと呼ばれるプロパティがあり、親コンテナーのサイズを変更するときに、コントロールのどの部分をサイズ変更するかを設定できます。Webページで同じ物件を探しています。

例を挙げましょう：

a textbox、 a button、labela が並んでいるとします。私の質問は、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>

サンプル コードが間違っていて、ボタンとラベルを強制的に新しい行に配置していることに注意してください。

ありがとう

4

2 に答える 2

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>
于 2013-07-09T07:04:56.873 に答える
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>
于 2013-07-08T04:41:45.360 に答える