Как получить одинаковую ширину полей ввода и выбора

В форме у меня есть одно поле выбора и два поля ввода. Эти элементы выровнены по вертикали. К сожалению, я не могу получить одинаковую ширину из них элементов.

Вот мой код:

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

В приведенном выше примере лучшая ширина для выбранного элемента - 198 или 199 пикселей (конечно, я пробовал 193 пикселей, но разница большая). Я думаю, это зависит от разрешения, от различные компьютеры и браузеры, поскольку эти элементы не имеют одинаковой ширины (иногда я думаю, что разница составляет около 1 или 2 пикселей). я пытался установить эти элементы в строках div или таблицы, но это не помогло.

Q: Как я могу получить точно одинаковую ширину этих элементов?

107
задан KyleMit 18 May 2015 в 20:52
поделиться