我在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;}
答案 0 :(得分:0)
列填充不是必需的,现在它正在运行。
column-count: 3;
column-gap: 10px;
-moz-column-count: 3;
-moz-column-gap: 10px;
-webkit-column-count: 3;
-webkit-column-gap: 10px;