一:单行文本超出 省略
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; //文本不换行,这样超出一行的部分被截取,显示...
二、多行文本溢出
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box; //必须结合的属性 ,将对象作为弹性伸缩盒子模型显示
-webkit-line-clamp: 2; /*数字是几就显示几行*/
-webkit-box-orient: vertical;
因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端
跨浏览器兼容的方案
采用js