一.单行文本溢出显示省略号（主要分为4个步骤）
1.设置宽度
width：**px；
2.强制该文本不换行
white-space:nowrap;
3、溢出隐藏：
overflow:hidden;
4、文本溢出显示为省略号：
text-overflow:ellipsis;
ps1.关于white-spacede的一些相关属性：
white-space:wrap(强制不换行)/nomal(正常换行)/pre(使浏览器可以识别空白符);
ps2.关于over-flow的一些相关属性：
hidden;（溢出隐藏）
visible；(默认内容不会被修剪，会呈现在元素框之外)
auto;（如果内容被修剪，通过滚动条可以显示内容）
二.单行文本溢出显示省略号
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
