欢迎光临
我的个人博客网站

仅使用Css属性实现文本限制行数

p {     display: -webkit-box;     -webkit-line-clamp: 3; //控制显示的行数     -webkit-box-orient: vertical;     text-overflow: ellipsis; //超出行数部分使用省略号来结尾     overflow: hidden;     overflow-wrap: break-word; //控制碰到长单词换行     white-space: pre-wrap;
}

关于-webkit-line-clamp属性的兼容性可参考-webkit-line-clamp

赞(0) 打赏
未经允许不得转载:张拓的天空 » 仅使用Css属性实现文本限制行数
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏