css - Flexbox 怎么實現多行多列

問題描述

RT，

ul中有若干li 一行兩個li 兩個li 自動適應 ul寬度

li多列

如何用Flexbox實現。

問題解答

<ul class='flexcontainer'> <li>Something</li> <li>Fox Example</li> <li>All About Web</li> <li>Fox Example</li> <li>Something</li> <li>Fox Example</li> <li>Something</li> <li>Fox Example</li></ul>.flexcontainer { width: 300px; display: flex; flex-flow: row wrap;}.flexcontainer li { width: 50%; background-color: pink;}

http://jsfiddle.net/bdm5d8p4/

關于flexbox可以參考這篇文章：http://segmentfault.com/a/1190000002910324.