フレックスボックスを使用して右側に配置されている要素を左に折り返しますか？

Question

だから私は1の左端と私はそれは程度だ場合、次の行に右側の要素をラップする必要があるものの、右端応答の目的のためにjustify-content: space-between;

を使用して他にある同じ行に2つの要素を持っています左の要素と重なるようにします。

私はflex-wrap: wrap;を使用していますが、「右」の要素は改行されていますが、右にプッシュされていますが、左にプッシュする必要がありますが、それ以外の場合は空白が残っています。

Answer 1

flex-wrapはなぜあなたの頭の中にいるのですか？

.wrapper { 
 
\t display: flex; 
 
\t flex-wrap: wrap; 
 
\t justify-content: space-between; 
 
\t max-width: 500px; 
 
\t width: 100%; 
 
\t margin: 0 auto; 
 
} 
 

 
.wrapper div { 
 
\t display: block; 
 
\t width: 220px; 
 
\t height: 220px; 
 
    margin-bottom: 10px; 
 
\t background-color: red; 
 
}

<div class="wrapper"> 
 
\t <div></div> 
 
\t <div></div> 
 
</div>