uni-app 限制文字数量,文字超出部分,隐藏并显示省略号。

33人浏览 / 0人评论

这个省略号的方法,可以使用css3去处理

.title{
	font-size:36rpx;
	height: 100upx;
	overflow: hidden;
	word-break: break-all;  /* break-all(允许在单词内换行。) */
	text-overflow: ellipsis;  /* 超出部分省略号 */
	display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2; /** 显示的行数 **/
}

全部评论