CSS3 Flex：flex-grow + justify-content？

Question

好日子，

我有一個問題

我可以一次柔性使用和證明內容？

我想， 「柔性項目（S）」 有全尺寸的容器，同時空間之間它

<ul class="flex-container space-between"> 
    <li class="flex-item">1</li> 
    <li class="flex-item">2</li> 
    <li class="flex-item">3</li> 
    <li class="flex-item">4</li> 
    <li class="flex-item">5</li> 
</ul> 

http://jsfiddle.net/7yttrtm4/

Answer 1

只使用一個餘量爲孩子的：

.flex-item { 
    margin: 0 10px; 
} 

刪除容器左側和右側的空間使用第一個和最後一個子選擇器：

.flex-item:first-child{ 
    margin-left: 0; 
} 

.flex-item:last-child{ 
    margin-right: 0; 
} 

看到http://jsfiddle.net/7yttrtm4/2/

或負邊距添加到容器：

.flex-container { 
    margin: 0 -10px; 
} 

見：http://jsfiddle.net/7yttrtm4/4/