小编DKr*_*ion的帖子

-moz-column-fill:在Firefox中自动中断CSS列

我试图将我的设计分为三列.在Chrome中它运行得很好,但在Firefox中它只显示一列而不是三列.

body > div {
  -moz-column-count: 3;
  -moz-column-gap: 10px;
  -moz-column-fill: auto;
  -webkit-column-count: 3;
  -webkit-column-gap: 10px;
  -webkit-column-fill: auto;
  column-count: 3;
  column-gap: 15px;
  column-fill: auto;
}
body > div > div {
  background: #F00;
  height: 400px;
}
body > div > div:nth-child(2n) {
  background: #FF0;
}
Run Code Online (Sandbox Code Playgroud)
<div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>
Run Code Online (Sandbox Code Playgroud)

css firefox css3 responsive-design

3
推荐指数
1
解决办法
1349
查看次数

标签 统计

css ×1

css3 ×1

firefox ×1

responsive-design ×1