css 文本超出部分省略显示

1. 首先先简单介绍一下几个属性：

　　（1）white-space：nowrap，目前在学习过程中只见过这个属性值，但 white-space 还有其他属性值，可以去文档参考。它表示连续的空白符会被合并，最终只显示一个空白符，同时禁止换行。

　　（2）text-overflow：ellipsis，表示当文本溢出时，以省略号形式展示溢出内容。

　　（3）overflow：hidden，这个最常见，简单理解就是溢出部分隐藏。

2. 把上面三种属性结合起来，就可以实现一个单行文本换行：

 

 3. 多行文本如何实现？

 

-webkit-line-clamp：表示希望显示多少行文本，必须结合 box-orient：vertical 、display：-webkit-box 使用