在輸入居中問題上對齊跨度

我正在嘗試在其對應的輸入框上方居中放置一行跨度。跨度和輸入寬度都設置爲150px，但跨度呈現比FF & IE中的輸入小2px左右。這將導致所有標籤向左移動其預定位置，並且每個新標籤都會變得更加劇烈。注意到我已經將跨度的顯示屬性更改爲：inline-block可能很重要。有沒有更好的方法來解決這個問題，而不是在span的寬度上加4px？在輸入居中問題上對齊跨度

我這裏有一個例子：http://jsfiddle.net/kDcKB/5/

誰能幫助？

來源

2011-08-02 Kevin Bowersox

這是因爲箱子模型。每個元素上的邊框+寬度不會以相同的方式加總。

試試這個：http://jsfiddle.net/easwee/kDcKB/8/

或更改框大小調整屬性.txtTest

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

來源

2011-08-02 12:10:23 easwee

在輸入居中問題上對齊跨度

回答

相關問題