我想要创建这个: http://imgur.com/G2TpjDR
我拥有的是: https://jsfiddle.net/tzayffsv/
我使用flexbox并设置参数: flex-direction: column, flex-wrap: wrap. 问题是当换行时,项目会超出屏幕... 有没有使用flexbox(或其他方法)解决此问题的想法? 我不希望使用JavaScript和将项目定位为绝对位置的解决方案。
<div class="container">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
</div>