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

最新推荐文章于 2025-05-29 09:00:48 发布

原创最新推荐文章于 2025-05-29 09:00:48 发布 · 2.7k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

react

当前文章被收录于：

react

11 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了解决React项目中CSS样式-webkit-box-orient:vertical丢失的问题。通过在样式声明前添加注释/*!autoprefixer:off*/来禁用autoprefixer，确保了样式能够正确应用。

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 ;
        }

标签

#react