最新消息:文章中包含代码时,请遵守代码高亮规范!

限定内容文字的行数,多余的行数以 “…”结尾

HTML+CSS Lucifer 566浏览 0评论

标题中的所说效果不需要js来实现,只需要简单的css就能够实现,直接贴代码:

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;   //限定文字内容的行数,我这里设置的是4行
overflow: hidden;    //多余的部分隐藏

转载时请注明出处及相应链接,本文永久地址:http://blog.it985.com/18759.html

您必须 登录 才能发表评论!