开发者社区 问答 正文

Flexbox 怎么实现多行多列

RT,

ul中有若干li 一行两个li 两个li 自动适应 ul宽度
li多列
如何用Flexbox实现。

展开
收起
a123456678 2016-03-26 10:16:16 2422 分享 版权
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;
    }
    2019-07-17 19:15:33
    赞同 展开评论
问答地址: