微信小程序 解决 view 文字 过多 溢出的问题,超过行数后隐藏显示省略号


多行文本

.note_item text {
	display: -webkit-box;
	font-size: 28rpx;
	color: #000000;
	line-height: 40rpx;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

单行文本

.note2_item text {
	display: block;
	font-size: 28rpx;
	color: #000000;
	line-height: 40rpx;
	height: 120rpx;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

tip:必须要有宽度


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM