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; 
}