单行/多行文本溢出，显示省略号

文档文档对于但文本的溢出需要设置：

html主体部分：<div>我最爱吹牛逼！！！哈哈哈</div>

设置的样式：div{

width: 60px;

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;超出单行文本范围显示省略号（clip默认设置，剪切超出的部分）

               }

对于多文本溢出：

html主体部分：<div>我最爱吹牛逼！！！哈哈哈</div>

设置的样式：div{

width: 60px;

display: -webkit-box;  //将对象作为弹性伸缩盒子模型显示。
text-overflow:ellipsis;
overflow:hidden;
-webkit-line-clamp:1;//一个块元素显示的文本的行数
-webkit-box-orient:vertical;//从上向下垂直排列子元素。

                    }