行のフレックス要素をどのように揃えるには？

Question

私はflexを使って私の要素を整列させます。 #sentinelsは最も外側のコンテナで、div（下の例では緑色）の各行にはクラスlineがあります。

#sentinels { 
    display: flex; 
    flex-direction: column; 
    justify-content: space-around; 
} 
.line { 
    display: flex; 
    flex-direction: row; 
    justify-content: space-around; 
} 

これは

私は希望

が、しかし、列に並んdivを持つことができます：

flexで可能な設定はありますか？

Answer 1

これを見てくださいhttps://jsbin.com/jevaqovaga/edit?html,css,output。内側divの幅が100％の外側divはあなたの問題を解決することができます。