文本溢出隐藏显示省略号失效

之前百试百灵的代码，在这次却不生效了，找了半天都没找到失效原因，唉，惆怅。

附上之前的代码：

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

后台看到了某博客，瞎猫碰死耗子，试了一下：

overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
/*! autoprefixer: off */
-webkit-box-orient:vertical;
/* autoprefixer: on */
-webkit-line-clamp:2; 

说是项目中装了 autoprefixer 管理浏览器前缀的插件，导致-webkit-box-orient: vertical;属性不见了

这个插件不仅能够帮你加 -webkit- 之类的前缀，同时还会帮你删除在 less，css，sass 中的样式 。你会发现你在less文件中写的 -webkit-box-orient: vertical; 属性不见了

虽然我并不认为我的项目中装了这个插件，但神奇的是它生效了，嘿嘿

于是我这激动得颤抖的小手手，点向了控制台

嗯？这段警告是怎么肥事？！！

然后，我向大佬求助了

大佬说：“你可以用 height: 40px; line-height: 20px; 这类似的，一行就 1:1，2行就 2:1，溢出来的 overflow: hidden; 就完事了” 。

我瞬间无话可说，唉，大佬就是大佬，头脑就是这么活，膜拜膜拜膜拜拜~

不说了，继续当刷题狗，附上答题链接，有需要的伙伴自取：web前端工程师

标签：box,大佬,vertical,省略号,webkit,overflow,文本,orient,溢出
来源： https://blog.csdn.net/weixin_43478592/article/details/118761965