CSS单行文本溢出显示省略号（…）

可以设置文本溢出显示省略号

~~~

.wrap{

width: 200px; // 文字容器宽度

overflow: hidden; // 超出边框外隐藏

text-overflow:ellipsis; // 属性规定当文本溢出包含元素时发生的事情。

white-space: nowrap; // 规定段落中的文本不进行换行

}

~~~

结果如下

说明：

css属性 .wrap 是放在你要改变样式的地方的

### 另外还有多行溢出省略

~~~

{

display:-webkit-box; //必须结合的属性 ，将对象作为弹性伸缩盒子模型显示

-webkit-line-clamp:2; //用来限制在一个块元素显示的文本的行数超过两行省略。

overflow:hidden;

-webkit-box-orient:vertical; // 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。

text-overflow: ellipsis;

}

~~~