在 多行省略文本时 发现-webkit-line-clamp: 2;
效果失效
出现布局问题
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-box-orient: vertical;
解决方式
通过/*! autoprefixer: off */ /*! autoprefixer: on */
包裹住样式即可
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
/*! autoprefixer: off */
-webkit-line-clamp: 2;
/* autoprefixer: on */
overflow: hidden;
-webkit-box-orient: vertical;