CSS：移动端设置文字超过某个行数用省略号表示

最新推荐文章于 2023-03-06 18:37:11 发布

TwoZeroZero

最新推荐文章于 2023-03-06 18:37:11 发布

阅读量735

点赞数

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

本文链接：https://blog.csdn.net/KongKong_Rac/article/details/108466377

版权

CSS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

设置文字超过某个行数用省略号表示

利用弹性伸缩盒子模型

/* 将对象设置为弹性伸缩盒子模型 */
  display: -webkit-box;
  /* 设置对象的子元素的排列方式：从上到下垂直排列子元素 */
  -webkit-box-orient: vertical;
  /* 限制块元素显示的文本行数 */
  -webkit-line-clamp: 2;
  /* 溢出隐藏 */
  overflow: hidden;
  /* 多行文本溢出显示省略号 */
  text-overflow: ellipsis;