ionic-framework - 如何在离子选项标签中添加新行？

Question

在下拉列表中的公司名称后需要一个新行。

我已经尝试了一切，插入<p>和<br>标记也是如此。

<ion-item>
    <ion-label>select</ion-label>
    <ion-select okText="Okay" cancelText="Dismiss">
    <ion-option value="1"> company1 address1</ion-option>
    <ion-option value="2">company2  address1</ion-option>
    <ion-option value="2">company3 address3</ion-option>
    <ion-option value="4">company4 address4</ion-option>
    </ion-select>
 </ion-item>

我想在新行中显示一个地址。我也在公司和地址之间尝试了一个 HTML 标签。公司和地址是两个不同的文本。

使用标签后，它显示在同一行。

更新：我知道 HTML 标签在 ion-option 中不起作用。有没有人在离子中面临同样的事情。

标签： ionic-framework

Answer 1

将html注入离子元素有点尴尬，但你可以绕过它

css。

page-home {
    .select-text{
        white-space: normal;
        width: min-content;
        word-spacing: 9999px;
    }
}

关于它的好讨论CSS可以在元素中的每个单词之后强制换行吗？

希望这可以帮助