Asp: Textfeld Breite

Question

Hallo Ich habe dieses Problem und ich habe über Google gesucht, aber nichts scheint zu helfen.

Ich habe zwei Textfelder, und ich möchte nur beide die gleiche Breite haben. Eine ist eine mehrzeilige Textbox und die andere ist eine einzeilige Textbox. Wenn ich die Breite dieser Textfelder einstelle, wird nur die Multiline-Box die richtige Breite haben, die Singleline-Textbox scheint sie einfach zu ignorieren, aber wenn ich dem Textfeld Single Line den Textmodus von Multiline gebe, funktioniert das gut.

Kann jemand sehen warum?

.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

die Breite dieser Elemente in Ihrem CSS eher Set als zu versuchen, Eigenschaften auf den ASP-Komponenten zu verwenden.

Aktualisieren Sie die ASP dieser Elemente wie so das CssClass Attribut hinzufügen:

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

Dann diese Elemente mit CSS Ziel:

.text-field { 
    width: 350px; 
}