微信小程序解決 view 文字過多溢出的問題，超過行數後隱藏顯示省略號

時間 2019-11-07

標籤微信程序解決 view 文字過多溢出問題超過行數隱藏顯示省略號简体版

原文原文鏈接

多行文本web

.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;
}
複製代碼

單行文本bash

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

tip:必需要有寬度ui