如何在ionic v6/v5中创建带有多行文本和换行文本的ionic按钮

zu0ti5jz 于 2022-12-09 发布在 Ionic

关注(0)|答案(1)|浏览(158)

我在ionic v6/v5中创建一个带有多行文本的ionic按钮时遇到了问题，问题是整个文本显示在一行中，而部分文本没有显示。就像stackblitz中的示例

<ion-button expand="block" size="large">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.</ion-button>

1条答案

所以基本上修复是添加类ion-text-wrap，如下所示，从文档：

<ion-button class="ion-text-wrap" expand="block">__LONG_TEXT__</ion-button>

这将增加按钮的高度，并使按钮环绕文本。我没有在文档中找到，而显式搜索的措辞。该示例还添加在stackblitz