Dlaczego asp: DropDownList i asp: TextBox o tej samej szerokości wyglądać inaczej

Question

Używam poniższy kod wewnątrz tabeli:

<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> 

Gdy na miejscu pojawia się kod kontroli <asp:Textbox> jest 205px i <asp:DropDownList> ma szerokość 200 pikseli. Co to powoduje? Oba mają szerokość 200 pikseli.

Answer 1

Ponieważ pole tekstowe ma 2 piksele i 1 pikę dopełnienia po bokach.

Answer 2

Rozmiar DropDown zmienia się w zależności od opcji w nim podanych. Tak więc, jeśli masz dłuższe opcje, otrzymasz dłuższy spadek. Dodatkowo zajmuje więcej miejsca dla strzałki, która jest prawym rogiem.

Answer 3

Po wstawieniu danych na listę rozwijaną zmienia rozmiar, jeśli nie zostanie ustawiona właściwość width, ale jeśli ustawisz szerokość, nie zostanie ona zmieniona.

Answer 4

Niekoniecznie związane, ale oto szybkie wskazówka, która pozwoli Ci zaoszczędzić sporo bólu głowy w dół drogi:

Nigdy wykorzystać ASP: tekstowe lub ASP: DropDownList

< tekstowe runat = server> i < wybierz runat = server> będzie działać w każdym pojedynczym przypadku, jaki kiedykolwiek będziesz potrzebował, i nie dodają żadnych mylących właściwości, takich jak "szerokość", które nie działają poprawnie.

Używaj prawdziwych znaczników HTML z klasami CSS do wszystkiego, co robisz, i dodawaj tylko runat = server do tych, z którymi faktycznie chcesz zadzierać z zaplecza.