どのようにして要素間の分離が一貫していますか？

Question

要素のスタイルを変更して、このように見せています。

（正方形の要素はすべて同じサイズでなければなりません）しかし、何が起こって終わることはこれです：

これは、コンテナと要素のための私のCSSコードです：

.container { 
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
    justify-content: space-between; 
    height: 400px; 
} 

.element { 
    width: 80px; 
    height: 80px; 
    background-color: white; 
} 

Answer 1

.containerスタイルにalign-content: flex-startを追加します。

これは、余分なスペースがjustify-contentはメイン軸内の個々のアイテムを整列する方法に類似のクロス軸であった場合に内フレックスコンテナのラインを揃えます。

More info about align-content.