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>