如何對齊列中的行柔性元素？

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可以解決您的問題。