久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

css - Flexbox 怎么實現多行多列

瀏覽:142日期: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
相關文章:
主站蜘蛛池模板: 宕昌县| 会同县| 鹰潭市| 台湾省| 鄂托克旗| 辽宁省| 和硕县| 衡水市| 桂东县| 威信县| 陆河县| 丹棱县| 合水县| 左云县| 日喀则市| 长治市| 眉山市| 平邑县| 沭阳县| 长岭县| 玛纳斯县| 尖扎县| 寿宁县| 嘉荫县| 寿光市| 平乡县| 镇安县| 习水县| 日喀则市| 克东县| 昌乐县| 天柱县| 北海市| 平南县| 两当县| 南投县| 宽城| 东莞市| 册亨县| 留坝县| 普格县|