Asp：テキストボックスの幅

Question

こんにちは私はこの問題を抱えており、私はグーグル上を見てきましたが、何も助けてくれないようです。

私は2つのテキストボックスを持っていますが、私は両方が同じ幅になりたいだけです。 1つは複数行のテキストボックスで、もう1つは一行のテキストボックスです。これらのテキストボックスの幅を両方とも設定すると、複数行のボックスだけが1行のテキストボックスで無視されますが、1行のテキストボックスに複数行のテキストモードを指定すると正しく動作します。

誰でも見ることができますか？むしろASPコンポーネントのプロパティを使用しようとしているよりも、あなたのCSSでこれらの要素の幅を設定し

.container > * 
 
{ 
 
    display: inline-block; 
 
} 
 
.labelspace 
 
{ 
 
    padding-top:1%; 
 
    padding-left:2.5%; 
 
    width:50%; 
 
} 
 
.formfield * 
 
{ 
 
    vertical-align:text-top; 
 
} 
 

 
.headfont 
 
{ 
 
    font-size:11pt; 
 
} 
 

 
.answerspace 
 
{ 
 
    padding-top:1%; 
 
    padding-left:15px; 
 

 
}

<div class="container"> 
 
    <div class="labelspace"> 
 
    <div class="formfield"> 
 
     <asp:Label ID="lblComments" runat="server"> 
 
     <p class="headfont"><strong>Additional Comments?</strong></p> 
 
     </asp:Label> 
 
    </div> 
 
    </div>&nbsp; 
 
    <div class="answerspace"> 
 
    <div class="formfield"> 
 
     <asp:TextBox ID="txtComments" runat="server" TextMode="Multiline" Rows="5" width="350px"/> 
 
    </div> 
 
    </div> 
 
</div><br /> 
 
<div class="container"> 
 
    <div class="labelspace"> 
 
    <asp:Label ID="lblEmail" runat="server"> 
 
     <p class="headfont"><strong>Your email address</strong></p> 
 
    </asp:Label> 
 
    </div>&nbsp; 
 
    <div class="answerspace"> 
 
    <asp:TextBox ID="txtEmail" runat="server" TextMode="SingleLine" Width="350px"/> 
 
    </div> 
 
</div>

Answer 1

。私が投稿し、それがdidntの前に

.text-field { 
    width: 350px; 
}