猫贝博客头像

猫贝博客

我愿奔赴大海

  • 文章25
  • 阅读20971

人生倒计时

  • 今日已经过去小时
  • 这周已经过去
  • 本月已经过去
  • 今年已经过去个月
首页 代码资源 正文内容

关于css一行省略号、两行省略号的代码

猫贝 代码资源 2022-04-21 14:04:53 482

每次需要的时候就去找啊找。。其实大概记得,就是想保存一下,不用去搜索了。

/* 显示一行,省略号 */

关于css一行省略号、两行省略号的代码

white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;

/* 显示两行,省略号 */

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical

搞定,收工!!

广告
文章目录
    搜索