最近做的项目中遇到一个很奇葩的事情,在我电脑上多行省略号是正常显示的,但是在测试人员的电脑上竟然不显示,怪不得叫测试机,哈哈。上网百度发现有人遇到同样的问题,在最下面的小字当中发现了答案,话不多说直接上图:
我电脑的效果:
测试人员电脑效果:
解决方案:
把包含旧属性的那几行用注释掉的两行包裹起来,打包时旧属性就不会被清除掉了,就可以正常显示了。
啊,好神奇啊,好开心啊!
overflow:hidden;
text-overflow:ellipsis;
/* autoprefixer: off */
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
/* autoprefixer: on */
附上单行省略号:
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
注意:如果不显示还可能是没有设置宽度
原文来源:https://blog.csdn.net/weixin_41719836/article/details/80135445