2013-07-12 103 views
0

我試圖讓我的登錄表單全部在列中對齊。這在Chrome和(有趣的)IE瀏覽器中效果很好,但是在Firefox中不起作用!在Firefox中調整邊框大小

任何人都可以幫我解決問題是什麼?

你可以在這裏看到它在fiddle

我目前使用邊界框來獲取所有對齊,儘管填充。

box-sizing: border-box; 

回答

5

火狐仍然使用前綴的版本,所以你box-sizing聲明之前添加-moz-box-sizing: border-box;

+0

是否有一個JS插件,將爲我做所有的供應商前綴? – Chris

+3

使用JS將比在CSS中使用前綴慢。 – cimmanon

+0

@克里斯 - 什麼cimmanon說。也就是說,如果你打算用CSS3做很多奇特的事情,你可能想看看一個CSS預處理器,比如LESS或者Sass。他們提供混合用於處理供應商前綴。 – Shauna

1

您是否嘗試過使用Firefox的-moz-前綴?

0

如果您正在進行自適應設計,請將這些內容也包含在移動設備上更廣泛的瀏覽器範圍內。

-webkit-box-sizing: border-box; 
/* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */ 

-moz-box-sizing: border-box; 
/* Firefox 1 - 28 */ 

box-sizing: border-box; 
/* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */