1、单行文本溢出隐藏 省略号代替

.div{
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
}

2、多行文本溢出隐藏 省略号代替

.div{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;/*设置对其格式*/
  -webkit-line-clamp:2;/*设置多行行数*/
}