Asp: ширина текстового поля

Question

Здравствуйте, у меня возникла эта проблема, и я просмотрел весь Google, но ничего не помогает.

У меня есть два текстовых поля, и я просто хочу, чтобы обе были одинаковой ширины. Один из них представляет собой многострочное текстовое поле, а другое - однострочное текстовое поле. Когда я устанавливаю обе ширины этих текстовых полей, только поле Multiline имеет правильную ширину, однострочное текстовое поле просто, кажется, игнорирует его, но если я дам текстовое поле Single line, текстовый режим Multiline работает нормально?

Может ли кто-нибудь понять, почему?

.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; 
}