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

css文本超出省略号

程序员文章站 2022-04-22 13:38:46
...

单行超出 (记得设置宽度)

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

多行后超出 (记得设置高度)

display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; //指定行数