微信小程序text样式

Eliauk_85

于 2022-07-07 00:11:33 发布

阅读量1.7k

点赞数 1

分类专栏：微信小程序教程文章标签：微信小程序前端

本文链接：https://blog.youkuaiyun.com/m0_56860190/article/details/125650118

版权

本文介绍了微信小程序中处理text样式的两种常见问题：一是当文本超出设定行数时，如何使用省略号进行隐藏；二是解决文本过长且不使用省略号时，如何强制文本自动换行，避免超出屏幕边框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

text超出文本用省略号表示

当text文本超出想要显示的行数时，可以用省略号隐藏后面的文字，只需在页面的wxss文件里面添加样式，如果使用次数频繁也可以添加到app.wxss里面
wxss

.text_overstep{
   
	/*设置为弹性盒子*/
	display: -webkit-box;
	/* 表示几行后超出隐藏 */
	-webkit-line-clamp: 1;
	/* 超出隐藏 */
	overflow: hidden;
	/*超出显示为省略号*/
	text-overflow: ellipsis

最低0.47元/天解锁文章