CSS · 2023年7月4日 0

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

单行
overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;
多行
display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;
适用范围:

因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;