因为页面排版要求,一些内容不能全部显示,需要用省略号代替超出部分,可以通过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;