css文本溢出显示省略号

1.单行文本溢出省略号

加入如下代码：

text-overflow: ellipsis;/*溢出显示省略号*/overflow: hidden;/*溢出隐藏*/white-space: nowrap;/*文本强制不换行*/

2.单行文本溢出省略号

加入如下代码：

text-overflow: ellipsis;/*溢出显示省略号*/overflow: hidden;/*溢出隐藏*/-webkit-line-clamp: 2;/*文本显示两行,这属性只适用于-webkit-内核浏览器*/display: -webkit-box;/*设置伸缩盒子模型*/-webkit-box-orient: vertical;/*设置文本垂直排列*/

效果图如下：