内容溢出显示省略号

1.单行

white-space: nowrap;//规定段落中的文本不进行换行
word-wrap: normal;//只在允许的断字点换行
text-overflow: ellipsis;//显示省略符号来代表被修剪的文本
overflow: hidden//超出隐藏

 

2.多行

 text-overflow: ellipsis;
 overflow: hidden;
 display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;