vue或uniapp内容超出盒子宽度显示省略号

超出盒子展示省略号分为两部分

1.单行文本超出显示

.t-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

2.多行文本超出显示（2行或者两行以上）

.t-column-ellipsis {
	display: -webkit-box;    
	-webkit-box-orient: vertical;    
	-webkit-line-clamp: 3;    //是几行就修改成数字几
	overflow: hidden;
}

关注老张 带你了解更多前端知识