react中box-orient不起作用

作者: MJ 分类: react 发布时间: 2019-05-13 17:04

今天在处理梁汉文之省略号的时候,遇到一个问题, -webkit-box-orient: vertical 不起作用了

overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-line-clamp:2; 
-webkit-box-orient: vertical ;

查了一下原因是因为:webpack打包的时候会将其忽略。
解决方法:在此行代码前加如下注释 /*! autoprefixer: off */

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
/*! autoprefixer: off */
-webkit-box-orient: vertical ;

参考:

https://blog.csdn.net/ci250454344/article/details/85257311

https://blog.csdn.net/zeroyulong/article/details/81906077

欢迎关注小程序,感谢您的支持!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注