首页 > 编程知识 正文

通过css控制段落只显示两行,且第二行结尾处超出部分以省略号显示

时间:2023-05-03 19:06:13 阅读:208721 作者:3190

<p class="test">通过css控制段落只显示两行,且第二行结尾处超出部分以省略号显示通过css控制段落只显示两行,且第二行结尾处超出部分以省略号显示通过css控制段落只显示两行,且第二行结尾处超出部分以省略号显示</p>.test { font-size:0.48rem; color:#333; line-height:0.8rem; width:8.8rem; word-break:break-all; text-overflow:ellipsis;//显示为省略号 display:-webkit-box;//对象作为伸缩盒子模型显示 -webkit-box-orient:vertical;//设置或检索伸缩盒对象的子元素的排列方式 -webkit-line-clamp:2;//显示行数## 标题文字 ## overflow:hidden;}

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。