フレックスボックスでは、高さの折り返し作業が行われました

Question

アイテムをカラムに入れる必要があります。ウィンドウが狭くなると、このカラムがフレックスボックスで新しいカラムに分割されますか？

Answer 1

.flex-container { 
 
    display: -webkit-flex; 
 
    display: flex; 
 
    -webkit-flex-wrap: wrap; 
 
    flex-wrap:wrap; 
 
    width: 400px; 
 
    height: 250px; 
 
    background-color: #ccc; 
 
} 
 

 
.flex-item { 
 
    background-color: #050; 
 
    width: 150px; 
 
    height: 300px; 
 
    margin: 10px; 
 
}

<div class="flex-container"> 
 
    <div class="flex-item">flex item 1</div> 
 
    <div class="flex-item">flex item 2</div> 
 
    <div class="flex-item">flex item 3</div> 
 
</div>