0
I got the following:
.container{columns:3;}
span{width:100%;display:inline-block;width:100px;background-color:red;margin-bottom:10px}
<div class='container'>
<span style='height:20px'>1</span>
<span style='height:50px'>2</span>
<span style='height:30px'>3</span>
<span style='height:50px'>4</span>
<span style='height:50px'>5</span>
<span style='height:20px'>6</span>
<span style='height:30px'>7</span>
<span style='height:25px'>8</span>
<span style='height:35px'>9</span>
</div>
When executing the above code, note that the display order of the numbers is vertical. Is there any way to change the order with CSS?