Formda, birini seçin ve iki giriş alanları var. Bu elementler dikey olarak hizalanır. Ne yazık ki, bu unsurların da eşit genişlikte alamıyorum.

İşte benim kod:

<select name="name1" style="width:198px">
  <option>value1</option>
  <option>value2</option>
</select><br/>
<input type="text" name="id1" style="width:193px"><br/>
<input type="text" name="id2" style="width:193px">

Yukarıdaki örneğin, öğe seçmek için en iyi genişlik veya 198 199 px (elbette fark büyük. 193px, ama denedim). Bu unsurlar eşit genişlikleri (bazen fark ya da 2 px yaklaşık 1 olduğunu düşünüyor) olmadığı için, çözünürlüğüne bağlıdır, çeşitli bilgisayarlarda ve tarayıcılarda bence. Div veya tablo satırları bu öğeleri ayarlamak için denedim, ama işe yaramadı.

S: tam olarak bu unsurların eşit genişlikte alabilir miyim?

Cevap güncelledi

Kutu modelini değiştirmek için ne ise onlar da aynı şekilde davranmak, böylece tüm giriş/button/seçin öğeleri kullanılır. Her tarayıcı için bir önek ile uygulanan box-sizing Bu özelliği kullanmak gerekir

-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;

Bu bahsettiğimiz 2px farkı daha önce.. yok anlamına gelir

http://www.jsfiddle.net/gaby/WaxTS/5/ örnek

not:IE ve yukarı doğru.. sürüm 8 ile çalışıyor

Özgün

eğer reset onlarınsınırlaro select elemanı her zaman 2 piksel daha az input element daha.. olacak

örnek: http://www.jsfiddle.net/gaby/WaxTS/2/