扫码关注官方订阅号
RT,
ul中有若干li 一行两个li 两个li 自动适应 ul宽度
li多列
如何用Flexbox实现。
学习是最好的投资!
<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/
关于flexbox可以参考这篇文章:http://segmentfault.com/a/1190000002910324.
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
http://jsfiddle.net/bdm5d8p4/
关于flexbox可以参考这篇文章:http://segmentfault.com/a/1190000002910324.