uniapp view flex布局不能文字自动换行
在 UniApp 中,可以使用 CSS 的 text-wrap 属性来实现文字自动换行。
在 view 标签中添加 class 属性,并设置 display: flex; 和 flex-wrap: wrap;,然后在 text 标签中添加 class 属性,并设置 text-wrap: break-word; 即可实现文字自动换行。
示例代码如下:
<view class="container">
<text class="text">这是一段很长很长很长很长很长很长很长很长很长的文字,希望能够自动换行哦~</text>
</view>
<style>
.container {
display: flex;
flex-wrap: wrap;
}
.text {
text-wrap: break-word;
}
</style>
注意:text-wrap 属性在 UniApp 中需要使用小写字母,即 text-wrap: break-word;,而不是 text-wrap: breakWord;。
原文地址: https://www.cveoy.top/t/topic/bxuC 著作权归作者所有。请勿转载和采集!