react项目中关于css样式-webkit-box-orient: vertical不生效问题

最新推荐文章于 2023-08-16 09:44:39 发布

zeroyulong

最新推荐文章于 2023-08-16 09:44:39 发布

阅读量2.5k

点赞数 1

分类专栏： react 文章标签： react

本文链接：https://blog.csdn.net/zeroyulong/article/details/81906077

版权

react 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

react项目中关于css样式-webkit-box-orient: vertical

代码中有此样式，项目跑起来后发现此属性丢失

.name{
            font-size: 14px;
            height: 36px;
            line-height: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical ;
        }

解决方法：在此行代码前加如下注释 /*! autoprefixer: off */

.name{
            font-size: 14px;
            height: 36px;
            line-height: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            /*! autoprefixer: off */
            -webkit-box-orient: vertical ;
        }