文章詳情頁
css - Flexbox 怎么實現多行多列
瀏覽:252日期:2023-08-05 17:44:39
問題描述
RT,
ul中有若干li 一行兩個li 兩個li 自動適應 ul寬度
li多列
如何用Flexbox實現。
問題解答
回答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. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問題3. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~4. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?5. javascript - 移動端上不能實現拖拽布局嗎?6. 實現bing搜索工具urlAPI提交7. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化8. phpstudy8.1支持win11系統嗎?9. 配置Apache時,添加對PHP的支持時語法錯誤10. javascript - nodejs關于進程間發送句柄的一點疑問
排行榜

網公網安備