我正在使用弹性框显示8个项目,这些项目将动态调整我的页面大小。如何强制它将项目分成两行?(每行4个)?这是一个相关的剪辑:(或者,如果你更喜欢jsfiddle - http://jsfiddle.net/vivmaha/oq6prk1p/2/).parent-wrapper { height: 100%; width: 100%; border: 1px solid black;}.parent { display: flex; font-size: 0; flex-wrap: wrap; margin: -10px 0 0 -10px;}.child { display: inline-block; background: blue; margin: 10px 0 0 10px; flex-grow: 1; height: 100px;}<body> <div class="parent-wrapper"> <div class="parent"> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> </div> </div></body>
- 3 回答
- 0 关注
- 3487 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消