单行文本超出隐藏
.single{
width: 60%;/*需要设置宽度*/
line-height:14px;/*设置line-heigh或上下padding可防止出现文字头部少了一截的情况*/
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
}
多行文本超出隐藏
.multiLine{
width: 60%;
line-height:14px;
font-size: 12px;
overflow: hidden;
display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示 */
-webkit-line-clamp: 3;/*限制一个块元素只显示3行*/
-webkit-box-orient: vertical;/*设置伸缩盒对象子元素的排列方式*/
}