怎么办：如果文字超出两行，后面隐藏并用省略号显示，如果没有超出两行，正常显示

Question

最好是用css来完成，并且支持大部分浏览器，O(∩_∩)O谢谢

Answer 1

overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

Answer 2

不能限制两行并且显示省略号，要么设置多行显示，要么单行超出显示省略号；

如果你要实现两行超出显示省略号，可以变向实现：

设置元素的高刚好为两行，并且自动换行，再设置超出时hidden，这样就是自动换行的样式，省略号要自己实现，比如用绝对定位的方式，弄到右下角，不知道你明白没有

Answer 3

设置文本多行文本溢出为两行就好