css 怎么在第二行显示省略号 (兼容火狐/IE)

Question

再写一个vue项目，一般多行显示都使用如下

text-overflow: ellipsis;word-break: break-all;display: -webkit-box;
-webkit-line-clamp: 2;     /*第几行显示省略号*/  -webkit-box-orient: vertical;

但是这个并兼容火狐和IE，请问要怎么兼容这些浏览器？

Answer 1

display: -webkit-box;这个属性firefox和ie是不兼容的，如果要做第二行超出省略，建议使用js控制。