如何在离子单选按钮中显示大文本？答案

【问题标题】：How to display big texts inside ionic radio button?如何在离子单选按钮中显示大文本？
【发布时间】：2017-05-07 00:44:12
【问题描述】：

我有一个应用程序，我需要一些离子收音机，问题是当文本太长时，它不会完全显示出来！

截图：

我尝试放置以下属性：

style="overflow: initial; white-space: initial;"

但它不起作用：/

所以我的问题是，我需要做哪些更改才能在离子收音机中显示全文？

【问题讨论】：

【解决方案1】：

快速解决方案：只需添加 class="item-text-wrap"

另一种解决方案：解决我的问题的正确答案是添加以下 css：

 .wrapping-list .item-content, .wrapping-list .item {
    overflow: initial;
    white-space: initial;
}

并将 class="wrapping-list" 分配给每个 ion-radio！

【讨论】：

【解决方案2】：

作为Aaron explained 在类似问题中，只需在 Ionic 2 中使用 <ion-item text-wrap>。

【讨论】：

【解决方案3】：

试试 CSS-word-wprap

您可以在每个字符后添加一个 &shy，以便浏览器将其中断。

p.test {
    word-wrap: break-word;
}

【讨论】：