奥非域

css字符串内容超长用省略号代替

因为页面排版要求,一些内容不能全部显示,需要用省略号代替超出部分,可以通过css实现(js实现因为中英文原因,效果并不好),代码如下:

// 多行内容,第二行用省略号截断
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
// 单行内容,不允许换行,省略号截断
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;