更改css中列的顺序

Question

我对列和行的更改顺序非常挣扎。请有人知道解决这个问题。

Before

1 2 3
4 5 6

I need like this

1 4
2 5
3 6

Answer 1

我的理解是你要在2列中显示文本，这里有一个如何使用css + html执行此操作的示例：

<div>
 <span>1</span>
 <span>2</span>
 <span>3</span>
 <span>4</span>
 <span>5</span>
 <span>6</span>
</div>

CSS：

div {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
width: 35px;
}