Question

我无法创建跨越＆＃39; n＆＃39;具有col-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>

离子版：2.2.1

Answer 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 宽度-90

Answer 2

文档指出，属性if value.isdigit(): # only digits else: # not only digits可用于Ionic版本3。版本2的正确网格属性由@coenni接受的答案预测。

Ionic 2＆＃39; col-n＆＃39;属性不起作用

2 个答案: