1、单行文本省略号
overflow:hidden; //多余的部分隐藏
white-space:nowrap; //让文字强制一行显示
text-overflow:ellipsis; //多余的部分显示省略号
2、多行文本省略号
-webkit-line-clamp:2; //限制显示文本为2行
display: -webkit-box; //将对象作为弹性收缩盒模型使用
-webkit-box-orient:vertical;//设置或检索伸缩盒对象的子元素的排列方式
overflow:hidden; //多余部分隐藏
text-overflow: ellipsis; //多余的部分显示省略号