单行文本 超出省略号 有效
width:180px;
overflow:hidden;
white-space: nowrap;
text-overflow:ellipsis;
多行文本省略号样式失效丢失,
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
会报警号 autoprefixer警告'Autoprefixer applies control comment to whole block, not to next rules.'
网上找到的
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
这个有效果,但是编译会报警告
最后改为:
width:180px;
text-overflow:ellipsis;
display: -webkit-box; /* 将元素设置为块级元素 */
/* autoprefixer: off */
-webkit-box-orient: vertical;
overflow: hidden; /* 隐藏超出部分 */
-webkit-line-clamp: 3; /* 设置最大行数为3行 */
/* autoprefixer: off */ 关键点 不然-webkit-box-orient: vertical; 在编译阶段会被丢弃