格
Ionic 的网格系统基于 flexbox，这是 Ionic 支持的所有设备支持的 CSS 功能。网格由三个单元组成 - 网格，行和列。列将展开以填充其行，并将调整大小以适应其他列。
| 类 | 宽度 |
|---|---|
| width-10 | 10％ |
| width-20 | 20％ |
| width-25 | 25％ |
| width-33 | 33.3333％ |
| width-50 | 50％ |
| width-67 | 66.6666％ |
| width-75 | 75％ |
| width-80 | 80％ |
| width-90 | 90％ |
举例
<ion-grid>
<ion-row>
<ion-col width-10>This column will take 10% of space</ion-col>
</ion-row>
</ion-grid>