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;