在vue项目中 -webkit-box-orient: vertical;
这行一定要写在内联样式style=" -webkit-box-orient: vertical;"里面vue项目在打包后webpack会忽略这一行,所以你会发现在打包后的测试环境里面根本显示不了之前的控制两行显示并且超出显示省略号,我也是找了好久对比后才发现测试环境里这行没有显示,就没有效果,写在内联样式里就可以了。

    -webkit-box-orient: vertical;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* autoprefixer: off */
    -webkit-box-orient:vertical;
    /* autoprefixer: on */
Logo

前往低代码交流专区

更多推荐