规定文字溢出隐藏，溢出部分显示省略号，分单行和多行：
单行样式:
.uni-commit{
width:400rpx;
white-space:nowarp;/*强制在一行显示*/
over-flow:hidden;/*溢出隐藏*/
text-overflow:ellipsip;/*溢出显示省略号*/
}
多行样式：我项目中用到的是两行，效果如下图
image.png
.phone-name{
width:270rpx;
height: 62rpx;
color:#444747;
margin-top: 45rpx;
font:{
sixe:20rpx;
family:Microsoft YaHei;
weight:bold
}
display: -webkit-box;/*弹性伸缩盒子模型显示*/
-webkit-box-orient: vertical; /*排列方式*/
-webkit-line-clamp: 2;/*显示文本行数*/
overflow: hidden;/*溢出隐藏*/
}
-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。
常见结合属性：
-display: -webkit-box;必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 ,可去了解CSS3 box-orient 属性
text-overflow: ellipsis;，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。
