1.单行
width:xxx;/*自定义宽度*/
display:inline-block;/*变成块级元素*/
overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*强制不换行*/
text-overflow: ellipsis;/*超出部分显示点点点*/
2.多行
-webkit-line-clamp: 2;/*限制最多显示2行*/
display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示 */
-webkit-box-orient: vertical;/*设置或检索伸缩盒对象的子元素的排列方式 */
width:xxx;/*自定义宽度*/
overflow: hidden;
text-overflow: ellipsis;