CSS布局之两行自适应布局既之前的文章，我发现一个更好的两行布局自适应的方法，强制两行布局，5个卡片第一行3个，第二行2

即我之前的文章，我居然发现了一个更好的办法之前的布局文章，几行css代码就能实现，不需要js，使用的是flex布局，需要固定高度，这么简单，写demo的时候居然没有发现。

  <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>

ul{
 display: flex;
 flex-flow: column wrap;
 height: 300px;
 list-style-type: none;
 width: 350px;
 overflow-x: scroll;
}
 
 
li{
 width: 100px;
 height: 120px;
 background: red;
 margin: 10px;
}

只使用css设计父元素完美解决两行自适应布局，这里的精髓是给父元素加一个高度！！！之前居然没发现，差评！！！