.title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
我们只需要更改-webkit-line-clamp属性后面的数字就可以实现第几行文字后显示省略号,如果添加以上属性仍不生效,可能是当前作用的标签下有其他属性相冲突,可以将文字单独用span或其他标签包裹起来,对该标签使用以上属性。