Grid

http://ionicframework.com/docs/v2/components/#grid Ionic的网格系统基于flexbox，一种所有设备都支持的CSS特性。网格由三种单元组成：grid，rows，columns。columns会撑满整个行，并自动适应其他的columns。

rows没有padding或margin属性。如果需要的话，可以通过给ion-grid添加一个附加的padding来实现。

如果要设置列宽，可以给ion-col添加width属性。

<ion-grid>
    <ion-row>
        <ion-col width-10>This column will take 10% of space</ion-col>
    </ion-row>
</ion-grid>

列宽的百分比属性：

• 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%

使用offset属性设置一个列相对于左侧的偏移量（如offset-25）。设置行中的列如何在垂直方向上对齐的话，给ion-row添加center或baseline属性。

在<ion-row>上使用wrap属性来允许行中的项换行。给ion-row应用flex-wrap: wrap;样式。