Asp：文本框寬度

Question

你好我有這個問題，我已經看過谷歌，但似乎沒有任何幫助。

我有兩個文本框，我只是希望兩個是相同的寬度。一個是多行文本框，另一個是單行文本框。當我設置這兩個文本框的寬度時，只有多行框的寬度正確，單行文本框似乎忽略了它，但是如果我將單行文本框設置爲多行文本模式，它會正常工作嗎？

任何人都可以看到爲什麼？

.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

設置在CSS這些元素的寬度，而不是試圖在ASP組件使用屬性。

更新，像這樣這些元素的ASP添加CssClass屬性：

<asp:TextBox ID="txtComments" CssClass="text-field" runat="server" TextMode="Multiline" Rows="5" /> 

則應以CSS這些元素：

.text-field { 
    width: 350px; 
}