相关疑难解决方法(0)

如何获得相等的输入宽度和选择字段

在表单上,​​我有一个选择和两个输入字段.这些元素垂直对齐.不幸的是,我无法获得这些元素的相等宽度.

这是我的代码:

<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">
Run Code Online (Sandbox Code Playgroud)

对于上面的例子,select元素的最佳宽度是198或199 px(当然我尝试了193px,但差别很大).我认为,这取决于各种计算机和浏览器的分辨率,因为这些元素没有相同的宽度(有时我认为差异大约是1或2像素).我试图在div或table行中设置这些元素,但它没有帮助.

问:我如何才能获得这些元素的精确宽度?

html css html-select border-box

107
推荐指数
3
解决办法
10万
查看次数

标签 统计

border-box ×1

css ×1

html ×1

html-select ×1