react----不生效

溢出显示省略号的场景，但是没有生效，经过查阅，得到以下解决方法，供参考～

.初次写法：

item-title{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}

发现-webkit-box-orient:vertical;并未设置成功，据大神网友提供解决方案，优化代码如下：

.item-title{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
/* autoprefixer: off */
-webkit-box-orient:vertical;
/* autoprefixer: on */
-webkit-line-clamp:2;
}

总结：在-webkit-box-orient:vertical;时，添加如上注释进行包裹！

参考地址：https://github.com/postcss/autoprefixer/issues/776

转载于:https://www.cnblogs.com/my-577/p/9962944.html