如何在CSS中从上至下堆叠div

小编典典

如何在CSS中从上至下堆叠div

css

我有一个这样的清单：

<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>

使用css向左浮动，在html中看起来像这样：

1 2
3 4
5

是否可以将div样式设置为如下所示：

1 4
2 5
3

希望有人能帮忙，谢谢！

阅读 656

2020-05-16

共1个答案

小编典典

@时髦; 您可以column-count为此使用css3 属性

CSS：

div#multicolumn1 {
        -moz-column-count: 2;
        -moz-column-gap: 50%;
        -webkit-column-count: 2;
        -webkit-column-gap: 50%;
        column-count: 3;
        column-gap: 50%;

}

注意： 它在IE中不起作用。

2020-05-16