【问题标题】:Ionic 2 <ion-select> width离子 2 <离子选择> 宽度
【发布时间】:2018-01-02 20:27:25
【问题描述】:

模板:

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

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

如何更改宽度?

【问题讨论】:

标签: ionic2


【解决方案1】:

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

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

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

【讨论】:

  • 如果您只想将其应用于 1 个特定选择?
【解决方案2】:

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

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

【讨论】:

    猜你喜欢
    • 2021-05-15
    • 2016-06-11
    • 2018-09-25
    • 1970-01-01
    • 2018-07-24
    • 2018-09-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多