Ionic2 离子型2';col-n';属性不工作
我无法使用Ionic2 离子型2';col-n';属性不工作,ionic2,Ionic2,我无法使用col-n属性创建跨越“n”个列的列。甚至不是指南中提供的示例。这当前为我显示2行3列,大小相同: <ion-grid> <ion-row> <ion-col> 1 of 3 </ion-col> <ion-col col-8> 2 of 3 (wider) </ion-col> <ion-col> 3 of 3 &
col-n
属性创建跨越“n”个列的列。甚至不是指南中提供的示例。这当前为我显示2行3列,大小相同:
<ion-grid>
<ion-row>
<ion-col>
1 of 3
</ion-col>
<ion-col col-8>
2 of 3 (wider)
</ion-col>
<ion-col>
3 of 3
</ion-col>
</ion-row>
<ion-row>
<ion-col>
1 of 3
</ion-col>
<ion-col col-6>
2 of 3 (wider)
</ion-col>
<ion-col>
3 of 3
</ion-col>
</ion-row>
</ion-grid>
第1页,共3页
第2页,共3页(较宽)
三分之三
第1页,共3页
第2页,共3页(较宽)
三分之三
爱奥尼亚版本:2.2.1您可以这样:
<ion-row>
<ion-col width-20></ion-col>
<ion-col width-80></ion-col>
</ion-row>
第一列将占据20%的宽度,第二列将占据剩余的80%的宽度。您可以使用以下任意组合,总计为100:
宽度-10
宽度-20
宽度-25
宽度-33
宽度-50
宽度-67
宽度-75
宽度-80
width-90正如文档所指出的,属性
col-*
可用于Ionic的第3版。版本2的正确网格属性是由@coenni接受的答案提供的。这在哪里记录?我一直被重定向到v3文档,您是否有指向该文档的链接?