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

css实现一行文本,超过以省略号替代。


css 实现一行文本、两行文本

.onerow{   overflow:hidden;   width: 100%;   display:inline-block;   text-overflow:ellipsis;   white-space:nowrap;   word-break: break-all; } .onerow2{   overflow: hidden;   text-overflow: ellipsis;   display: -webkit-box;   -webkit-box-orient: vertical; // webkit内核的浏览器和手机浏览器   -webkit-line-clamp: 1; } .onerow3{   overflow: hidden;   text-overflow: ellipsis;   display: -webkit-box;   -webkit-box-orient: vertical;   -webkit-line-clamp: 2; }

赞(0) 打赏
未经允许不得转载:张拓的天空 » css实现一行文本,超过以省略号替代。
分享到: 更多 (0)

评论 抢沙发

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

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

联系我们本站主机

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

支付宝扫一扫打赏

微信扫一扫打赏