欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-03-02 15:22:25
...

单行文本

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;//限制一个块元素显示的文本的行数
相关标签: css 超出隐藏