1.6 九项目
.box { display: flex; flex-wrap: wrap; }
二、网格布局
2.1 基本网格布局
最简单的网格布局，就是平均分布。在容器里面平均分配空间，跟上面的骰子布局很像，但是需要设置项目的自动缩放。
HTML代码如下。
<div class="Grid"> <div class="Grid-cell">...</div> <div class="Grid-cell">...</div> <div class="Grid-cell">...</div> </div>
CSS代码如下。
.Grid { display: flex; } .Grid-cell { flex: 1; }
