百城学院
活到老 学到老

CSS实现文字超出换行显示省略号

经验总结 xiangbaicheng 2020-03-25 219 0

1、单行文本超出显示省略号

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

2、多行文本超出显示省略号

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

说明

-webkit-line-clamp:指定内容显示的行数

文章分类: 前端开发 CSS3
文章来源: 百城学院
上一篇:Vue项目设置打包时不合并CSS样式 下一篇:Python配置虚拟环境
xiangbaicheng
文章
130
访问
5
粉丝
2
点赞
22
文章分类