Flexbox首行包裝

Question

如何編輯flex-wrap的第一行？

這裏是我想達到的，在調整一個例子中，包裹的第一行後，一些空格或<div>：

Answer 1

你可以用以下解決方案去：

div.container { 
 
    display:flex; 
 
    flex-wrap:wrap; 
 
    width:25%; 
 
} 
 
div.container div:first-child { 
 
    margin-bottom:60px; 
 
} 
 
div.container div { 
 
    border:1px solid red; 
 
    height:50px; 
 
    width:50px; 
 
    margin:5px; 
 
}

<div class="container"> 
 
    <div>1</div> 
 
    <div>2</div> 
 
    <div>3</div> 
 
    <div>4</div> 
 
    <div>5</div> 
 
    <div>6</div> 
 
</div>