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

• Z时代
• 2024-01-10
• 分类：问答

我有一个这样的清单：

<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

希望有人能帮忙，谢谢！

回答：

@时髦; 您可以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中不起作用。

以上是 如何在CSS中从上至下堆叠div 的全部内容， 来源链接： utcz.com/qa/422968.html