可以使用CSS的'white-space' 属性来处理,将其设置为'nowrap',即可让文字不换行,如下所示:

.text {
  white-space: nowrap;
}

同时,如果文字长度超出了容器宽度,可以使用 CSS 的'text-overflow' 属性和'overflow' 属性来实现文本溢出隐藏,如下所示:

.text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

这样,当文字长度超出容器宽度时,就会以省略号(...)的形式隐藏多余部分。

微信小程序文本过长不换行,一行显示完整文字技巧

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

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