在普通的前端项目中,如果不考虑兼容问题,一般使用如下方法
.box{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
但是在react项目中却发现不生效,是因为在编译后没有-webkit-box-orient: vertical;
解决方法就是:
1、使用行内样式
2、在less文件中-webkit-box-orient: vertical;上面加一行过滤