uni-app - 单行文字和多行文字溢出隐藏显示...（超出容器最大宽度不换行）

前言

如下图所示，可控制单行或多行溢出处理。

实现

给容器加入以下 css 代码：

.text{
	display: -webkit-box; /*弹性伸缩盒子模型显示*/
	-webkit-box-orient: vertical; /*排列方式*/ 
	-webkit-line-clamp: 1; /*显示文本行数(这里控制多少行隐藏)*/
	overflow: hidden; /*溢出隐藏*/
}