文章詳情頁
css - Flexbox 怎么實現(xiàn)多行多列
瀏覽:237日期:2023-08-05 17:44:39
問題描述
RT,
ul中有若干li 一行兩個li 兩個li 自動適應 ul寬度
li多列
如何用Flexbox實現(xiàn)。
問題解答
回答1:<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/
回答2:關于flexbox可以參考這篇文章:http://segmentfault.com/a/1190000002910324.
標簽:
CSS
相關文章:
1. docker-compose中volumes的問題2. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. boot2docker無法啟動4. docker網(wǎng)絡端口映射,沒有方便點的操作方法么?5. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.6. javascript - mock.js可以存儲數(shù)據(jù)嗎7. java - SSH框架中寫分頁時service層中不能注入分頁類8. nignx - docker內(nèi)nginx 80端口被占用9. 求救一下,用新版的phpstudy,數(shù)據(jù)庫過段時間會消失是什么情況?10. mac里的docker如何命令行開啟呢?
排行榜

熱門標簽
網(wǎng)公網(wǎng)安備