css中关于单行文本溢出部分用省略号显示

关于单行文本溢出使用省略号显示主要分为四个步骤：

1、设置宽度：

width：**px；

2、强制该文本不换行：

white-space:nowrap;

3、溢出隐藏：

overflow:hidden;

4、文本溢出显示为省略号：

text-overflow:ellipsis;

关于white-spacede的一些相关属性：

white-space:wrap(强制不换行)/nomal(正常换行)/pre(使浏览器可以识别空白符);

关于over-flow的一些相关属性：

hidden;（溢出隐藏）

visible；(默认内容不会被修剪，会呈现在元素框之外)

auto;（如果内容被修剪，通过滚动条可以显示内容）