p标签限制两行显示超出省略号表示...

在vue项目中 -webkit-box-orient: vertical;
这行一定要写在内联样式style=" -webkit-box-orient: vertical;"里面vue项目在打包后webpack会忽略这一行,所以你会发现在打包后的测试环境里面根本显示不了之前的控制两行显示并且超出显示省略号,我也是找了好久对比后才发现测试环境里这行没有显示,就没有效果,写在内联样式里就可以了。

-webkit-box-orient: vertical;
height: 44px;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;

你可能感兴趣的:(样式)