2

我在 Firefox 中修复列时遇到问题。我正在尝试制作 3 列间距为 10px 的列。它可以完美地在 google chrome 和 opera 上运行,但在 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;}
4

1 回答 1

1

column-fill不是必需的,现在它正在工作。

column-count: 3; 
column-gap: 10px; 
-moz-column-count: 3; 
-moz-column-gap: 10px; 
-webkit-column-count: 3; 
-webkit-column-gap: 10px;
于 2017-04-02T18:50:26.000 回答