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>