离子 2 <离子选择> 宽度

Question

模板：

<ion-item>
    <ion-label stacked>Select long text</ion-label>
    <ion-select>
        <ion-option value="opt1">Very very long text</ion-option>
    </ion-select>
</ion-item>

由于默认宽度似乎很窄，因此被截断。

如何更改宽度？

Answer 1

在你的 .sass 文件中使用它：

.alert-wrapper {
   min-width: 40px;//what ever you like
}

.alert-radio-label {
   white-space: normal!important;
}

Answer 2

将此代码添加到您的sass 文件中

ion-select{
    max-width: 70% !important;// your choice :)
}