1

デスクトップから見ると、ラベルと 2 つのテキスト ボックス コントロールが水平方向に配置されています。ただし、ユーザーがモバイルでサイトを表示するときは、テキスト ボックスを互いに重ねて配置したいと考えています。モバイル ビューに合わせてメディア クエリを使用しています。他のすべての行は正常にスタックされます (ラベルの下にテキストボックスがあります) アドレスの問題は、2 つのテキストボックスがあることです。各行に 1 つ必要です。助言がありますか？質問があれば教えてください

現在の CSS

.row { clear: none; width: 100%; overflow: hidden; margin: 5px 0; } 
.label { float: left; text-align: right; margin-right: 10px; width: 130px;} 
.value { float: left; text-align: left;}

html

<div class="row"> 
    <div class="label"> 
            <asp:Label ID="lblSiteAddress" runat="server" Text="Site Address"></asp:Label>
     </div>
     <div id="value"> 
            <asp:TextBox ID="txtSiteAddress" runat="server" Width="192px" Height="22px"></asp:TextBox>
            <asp:TextBox ID="txtSiteAddress2" runat="server" Width="192px" Height="22px"></asp:TextBox>![enter image description here][1]
     </div> 
</div >
4

1 に答える 1

1

これを試して：

.value input[type='text'] {
    display: block;
    clear: both;
    /* Additional style here */
}
于 2013-05-14T15:47:41.823 に答える