2013-07-25 29 views
1

我在Firefox中修复列的问题。我正在尝试制作10px间距的3列。它完美的工作谷歌浏览器和歌剧,但在Firefox中没有。Mozilla Firefox插件修复程序

有一个形象: http://i.stack.imgur.com/GM0L9.png

而且CSS代码:

div#columns { 
-webkit-column-count: 3; 
-webkit-column-gap: 10px; 
-webkit-column-fill: auto; 
-moz-column-count: 3; 
-moz-column-gap: 10px; 
-moz-column-fill: auto; 
-ms-column-count: 3; 
-ms-column-gap: 10px; 
-ms-column-fill: auto; 
column-count: 3; 
column-gap: 10px; 
column-fill: auto;} 

div.pin_shop { 
display: inline-block; 
background: #ffffff; 
border: 1px solid rgba(0,0,0,.11); 
margin: 0 25px 25px 0; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px; 
padding: 8px;} 
+0

可以显示标记 – mgamba

+1

我找到了解决办法。列填充不是必须的,现在它正在工作。 'column-count:3; \t column-gap:10px; \t -moz-column-count:3; \t -moz-column-gap:10px; \t -webkit-column-count:3; \t -webkit-column-gap:10px;' – zgabievi

回答

0

栏填写不nesessary,现在它的工作。

column-count: 3; column-gap: 10px; -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px;