Question

我试图将一排跨度放在相应输入框的上方。跨度和输入都将宽度设置为150px，但跨度比FF和＆amp;中的输入小约2px。 IE浏览器。这会导致所有标签向左移动其预定位置，并且每个新标签的移位变得更加激烈。可能需要注意的是，我已将跨度的显示属性更改为：inline-block。有没有更好的方法来解决这个问题，而不是在跨度的宽度上添加+ 4px？

我在这里有一个例子：http://jsfiddle.net/kDcKB/5/

有人可以帮忙吗？

Answer 1

那是因为盒子模型。边框+宽度在每个元素上的总结方式不同。

试试这个：http://jsfiddle.net/easwee/kDcKB/8/

或更改.txtTest

的box-sizing属性

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

调整跨度输入居中问题

1 个答案: