CSS超出文本隐藏，并用省略号代替

最新推荐文章于 2024-07-12 08:49:43 发布

weixin_45686022

最新推荐文章于 2024-07-12 08:49:43 发布

阅读量250

点赞数

分类专栏： CSS 文章标签： css 超出隐藏

本文链接：https://blog.csdn.net/weixin_45686022/article/details/101547317

版权

CSS 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

单行文本

1.overflow:hidden;//超出隐藏
2.text-overflow:ellipsis;//超出部分用...代替
3.white-space:nowrap;//溢出不换行

多行文本

1.overflow:hidden;//超出隐藏
2.text-overflow:ellipsis;//超出部分用...代替
3.display:-webkit-box;//设置对象为弹性伸缩盒子模型
4.-webkit-box-orient:vertical;//设置或检索伸缩盒子对象的子元素的排列方式
5.-webkit-line-clamp:2;//限制一个块元素显示的文本的行数