微信小程序文本过长不换行,一行显示完整文字技巧
可以使用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 著作权归作者所有。请勿转载和采集!