css-文本超出宽度显示省略号(一行或多行)

单行文本超出时的解决方法

overflew: hidden; /**隐藏超出的内容*/
white-space: nowrap; /**规定段落中的文本不进行换行*/
text-overflow: ellipsis; /**规定超出内容以省略号显示*/

多行文本超出时的解决方法

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /**控制显示内容的行数*/
-webkit-box-orient: vertical;