单行文本省略

单行文本省略 
         1.设置空白空间 white-space:
                        可选值：nowrap（不转行）
                                normal（正常转行，默认值）
         2. 设置溢出内容显示 overflow包括 overflow-x（单独设置水平方向）和overflow-y（单独设置垂直方向）
                             hidden 溢出隐藏
                             auto 按需产生滚动条
                             scroll 生成滚动条
         3.设置溢出样式 text-overflow  可选值；ellipsis 省略号显示
         步骤；1.设置元素宽度，
         2.设置元素文本内容一行显示
         white-space；nowrap
         3.设置元素溢出隐藏overflow；hidden
         4设置溢出样式 text-overflow；ellipsis
## 多行文本省略
 多行文本省略   元素设置宽度
        1.溢出内容隐藏
        2.设置号在第几行 -webkit-line-clamp:num；
        3.因为要实现 -webkit-line-clamp属性有效果，所以要添加display：-webkit-box;和-webkit-line-box