限制p元素之显示2行文字，同时出现省略号。

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Angular_/article/details/62426359
只需要给p元素添加属性即可，之前找了很多都不行

css代码：

p {
border: 1px solid #ccc;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

　　

这个不能设置固定的高度，如果设了高度， 高出2行的高度就不止显示2行

效果图：

 

 

p元素设置了高度：

 

————————————————
版权声明：本文为CSDN博主「Anguler_」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/angular_/article/details/62426359