只需要给p元素添加属性即可,之前找了很多都不行
css代码:
p {
border: 1px solid #ccc;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
这个不能设置固定的高度,如果设了高度, 高出2行的高度就不止显示2行
效果图:
p元素设置了高度:
本文介绍了一种使用CSS实现的文本溢出隐藏效果,通过设置p元素的样式,可以将超出两行的内容隐藏起来,同时保持整体布局的美观。
只需要给p元素添加属性即可,之前找了很多都不行
css代码:
p {
border: 1px solid #ccc;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
这个不能设置固定的高度,如果设了高度, 高出2行的高度就不止显示2行
效果图:
p元素设置了高度:
1010

被折叠的 条评论
为什么被折叠?