Warum ein asp: Dropdownlist und ein asp: TextBox der gleichen Breite erscheinen unterschiedlich

Question

ich in einer Tabelle den Code unten bin mit:

<tr> 
    <td>User Language:</td> 
    <td> 
     <asp:DropDownList ID="Language" runat="server" Width="200px"> 
      <asp:ListItem Selected="True">English</asp:ListItem> 
     </asp:DropDownList> 
    </td> 
</tr> 
<tr> 
    <td><span class="important">*</span>Company:</td> 
    <td><asp:TextBox ID="Company" runat="server" width="200px" /></td> 
</tr> 

Wenn der Code auf der Website erscheint die <asp:Textbox> Steuerung ist 205px und Die <asp:DropDownList> ist 200px breit. Was verursacht das? Beide sind auf eine Breite von 200px eingestellt.

Answer 1

Da die Textbox 2px Rand und 1px Polsterung an den Seiten hat.

Answer 2

Die DropDown-Größe wird in Bezug auf die Größe der Optionen geändert, die Sie darin bereitstellen. Also, wenn Sie längere Optionen haben, werden Sie länger Drop-Down bekommen. Außerdem braucht es mehr Platz für den Pfeil, der die rechte Ecke ist.

Answer 3

Wenn Sie Daten in die Dropdownliste einfügen, ändert sich die Größe, wenn Sie die width -Eigenschaft nicht festlegen, aber wenn Sie die Breite festlegen, wird die Größe nicht geändert.

Answer 4

Nicht ganz ähnlich, aber hier ist eine schnelle Spitze, die Ihnen eine Menge Kopfschmerzen auf die Straße retten:

Niemals ASP: Textbox oder ASP: Dropdownlist

< Textbox runat = server> und < select runat = server> funktioniert in jedem Fall, den Sie jemals brauchen könnten, und sie fügen keine verwirrenden Eigenschaften wie "Breite" hinzu, die nicht ganz richtig funktionieren.

Verwenden Sie echte HTML-Tags mit CSS-Klassen für alles, was Sie tun, und fügen Sie nur runat = server zu denjenigen hinzu, mit denen Sie eigentlich aus dem Backend herumspielen möchten.