Css在行和列中显示div

Question

我有一个数据数组，需要按顺序创建div。问题是，以显示这些div象下面这样：

是否有可能做到这一点在CSS？提前致谢。

Answer 1

使用flexbox来实现上述配置。

请检查并让我知道您的反馈。谢谢！

.wrapper { 
 
    display: flex; 
 
    flex-wrap: wrap; 
 
    flex-direction: column; 
 
    height: 150px; 
 
} 
 
.wrapper > div { 
 
    background: #ddd; 
 
    line-height: 50px; 
 
    height: 50px; 
 
    margin: 5px; 
 
    text-align: center; 
 
}

<div class="wrapper"> 
 
    <div>1</div> 
 
    <div>2</div> 
 
    <div>3</div> 
 
    <div>4</div> 
 
    <div>5</div> 
 
    <div>6</div> 
 
    <div>7</div> 
 
    <div>8</div> 
 
</div>