单行文本溢出隐藏用省略号代替

最新推荐文章于 2024-08-10 12:02:24 发布

莫逸雪

最新推荐文章于 2024-08-10 12:02:24 发布

阅读量393

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/qq_40636998/article/details/118024812

版权

css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.单行文本溢出隐藏用省略号代替

  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;/*设置为省略号显示*/

2.多行文本溢出隐藏用省略号代替

 /*多行文本溢出隐藏，省略号代替*/
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orientation: vertical; /* 设置对齐方式*/
  -webkit-line-clamp:2;/*设置多行的行数*/