CSS实现单行、多行文本溢出显示省略号

分类: IT文章 • 2025-01-10 16:23:20

单行显示省略号

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

多行显示省略号

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; //占用行数
overflow: hidden;