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

最新推荐文章于 2025-09-12 17:28:06 发布

转载最新推荐文章于 2025-09-12 17:28:06 发布 · 69 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fenwen/p/10772560.html

文章标签：

#webpack #ViewUI

本文介绍如何使用CSS属性解决多行文本溢出问题，包括-webkit-box-orient:vertical;的正确应用，以及如何通过注释确保样式正确加载。同时分享了一行文本溢出的解决方案。

原因：发现-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;
}

转载于:https://www.cnblogs.com/fenwen/p/10772560.html