CSS div内文字溢出部分隐藏显示...省略号

最新推荐文章于 2024-04-30 09:57:08 发布

Liberty_yes

最新推荐文章于 2024-04-30 09:57:08 发布

阅读量5.1k

点赞数 3

分类专栏： CSS 文章标签： css css3 前端

本文链接：https://blog.csdn.net/Liberty_yes/article/details/122343735

版权

CSS 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

div内文字溢出部分隐藏显示…省略号

单行溢出显示省略号:
在这里插入图片描述

overflow: hidden;
white-space: nowrap;//内容超出不换行
text-overflow: ellipsis;

多行溢出：
在这里插入图片描述

overflow:hidden;//超出隐藏
text-overflow:ellipsis;//溢出用省略号...显示
display:-webkit-box;//将对象作为弹性伸缩盒子模型显示。
-webkit-box-orient:vertical;//从上到下垂直 排列子元素（设置伸缩盒子的子元素排列方式）
-webkit-line-clamp:3; //表示显示的行数合上面两个属性，表示显示的行数