【问题标题】：how to create an ionic-button with multi line text ,wrapped text in ionic v6/v5如何在 ionic v6/v5 中创建带有多行文本、环绕文本的离子按钮
【发布时间】：2022-07-09 19:00:44
【问题描述】：
我在 ionic v6/v5 中创建具有多行文本的离子按钮时遇到问题，问题是整个文本出现在一行中，而部分文本未显示。就像stackblitz中的例子一样
<ion-button expand="block" size="large">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.</ion-button>
【问题讨论】：
标签：
ionic-framework
ionic5
ionic6
【解决方案1】：
所以基本上修复是添加类ion-text-wrap，如下所示，来自documentation：
<ion-button class="ion-text-wrap" expand="block">__LONG_TEXT__</ion-button>
这会增加按钮的高度并使按钮环绕文本。在明确搜索该措辞时，我没有在文档中找到这一点。
例子也加在stackblitz