css超出隐藏显示省略号

强制内容在一行，超出显示省略号：width: 300px; 

　　　　　　　　　　　　　　　　overflow: hidden; /*超出部分隐藏*/

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

　　　　　　　　　　　　　　　　white-space: nowrap; /*规定段落中的文本不进行换行 */

---

强制内容在五行，超出显示省略号：width: 200px; 

　　　　　　　　　　　　　　　　overflow: hidden;

　　　　　　　　　　　　　　　　text-overflow: ellipsis;

　　　　　　　　　　　　　　　　display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示。*/

　　　　　　　　　　　　　　　　-webkit-line-clamp: 5; /*设置需要显示的行数*/

　　　　　　　　　　　　　　　　-webkit-box-orient: vertical; /*设置伸缩盒子的子元素排列方式(从上到下垂直排列)*/