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

uniapp view flex布局不能文字自动换行

原文地址: https://www.cveoy.top/t/topic/bxuC 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录