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文本超出变省略号