Mozilla firefox列修复

Question

我在firefox中修复列时遇到问题。我试图制作3列10px间隙。它正在完美地使用谷歌浏览器和歌剧，但在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;}

Answer 1

列填充不是必需的，现在它正在运行。

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