webpack 打包之后,两行溢出没有效果

原因:发现-webkit-box-orient:vertical;并未设置成功
解决:-webkit-box-orient: vertical; 加上注释包裹

.item-title {
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 2;
}  

 

ps:一行溢出

.ellipsis {
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
posted @ 2019-04-26 09:50  wenfen453  阅读(190)  评论(0编辑  收藏  举报