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

需要在下拉列表中的公司名称后添加新行

我已经尝试了一切，插入

&

标签

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

选择
公司1地址1
公司2地址1
公司3地址3
公司地址4

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

使用标记后，它将显示在同一行中

---

更新：我知道HTML标记在ion选项中不起作用。有没有人在ionic中遇到过同样的问题。

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

css

很好的讨论

---

希望这有帮助

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

css

很好的讨论

希望这有帮助

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