HTML不换行，多余省略号代替

css样式：

• 　　单行隐藏：

　　　　　　　　white-space: nowrap;  /*超出部分隐藏*/

　　　　　　　　overflow: hidden;  /* 超出部分显示省略号 */

　　　　　　　　text-overflow: ellipsis   /* 超出部分显示省略号 */

• 　　多行隐藏：　　　　　　

　　　　　　　　overflow: hidden;
　　　　　　　display: -webkit-box;//将元素设为盒子伸缩模型显示
　　　　　　　-webkit-box-orient: vertical;//伸缩方向设为垂直方向
　　　　　　　-webkit-line-clamp: 3;//超出3行隐藏，并显示省略号

来源：https://www.cnblogs.com/yxkNotes/p/11867448.html