最近做的项目中遇到一个很奇葩的事情,在我电脑上多行省略号是正常显示的,但是在测试人员的电脑上竟然不显示,怪不得叫测试机,哈哈。上网百度发现有人遇到同样的问题,在最下面的小字当中发现了答案,话不多说直接上图:

我电脑的效果:

多行省略号不显示的问题

测试人员电脑效果:

多行省略号不显示的问题

解决方案:

把包含旧属性的那几行用注释掉的两行包裹起来,打包时旧属性就不会被清除掉了,就可以正常显示了。

啊,好神奇啊,好开心啊

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

多行省略号不显示的问题

相关文章: