CSS文字省略

       在平时项目中可能会遇到文字在固定宽高的容器中可能会放不下，这时需要将文字多余部分隐藏并用省略号的方式显示。实现方式如下：

    
    
    

这是一段很长的文字

white-space属性：

normal	默认值，空白会被浏览器忽略。
pre	空白会被浏览器保留。
nowrap	文本不会换行，文本会在在同一行上继续。
pre-wrap	保留空白符序列，但是正常地进行换行。
pre-line	合并空白符序列，但是保留换行符。
inhert	规定应该从父元素继承 white-space 属性的值。

text-overflow属性：

clip	将多出文字裁剪。
ellipsis	以省略号形式代替多出文字。
string	以指定字符串形式代替多出文字。（大多数浏览器不支持，Firefox9+支持，具体可参考https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow）