文章詳情頁
css - Flexbox 怎么實現多行多列
瀏覽:249日期: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 - QQ第三方登錄的問題2. 前端 - @media query 使用出現的問題?3. docker 下面創建的IMAGE 他們的 ID 一樣?這個是怎么回事????4. node.js - mongodb查找子對象的名稱為某個值的對象的方法5. 運行python程序時出現“應用程序發生異常”的內存錯誤?6. html5 - datatables 加載不出來數據。7. 測試自動化html元素選擇器元素ID或DataAttribute [關閉]8. 利用IPMI遠程安裝centos報錯!9. javascript - 在 model里定義的 引用表模型時,model為undefined。10. spring-mvc - spring-session-redis HttpSessionListener失效
排行榜

網公網安備