css超过两行省略样式不生效

解决方法： 在-webkit-box-orient: vertical; 前后加上如下注释跳过编译即可

/*! autoprefixer: off /
-webkit-box-orient: vertical;
/! autoprefixer: on */

 .goodsName {
        font-family: PingFangSC-Light;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 16px;
        text-align: left;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        /*! autoprefixer: off */
        -webkit-box-orient: vertical;
        /*! autoprefixer: on */
      }

image.png

转载原文：https://www.cnblogs.com/dragon-cat/p/10039460.html