問題描述

RT，

ul中有若干li 一行兩個(gè)li 兩個(gè)li 自動(dòng)適應(yīng) ul寬度

li多列

如何用Flexbox實(shí)現(xiàn)。

問題解答

<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/

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