您的位置: 首页 > IT文章 > css 文本溢出显示省略号 css实现超出部分显示省略号

css 文本溢出显示省略号 css实现超出部分显示省略号

分类: IT文章 • 2022-05-11 13:20:03

/* 显示一行，省略号 */

white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden;

word-break: break-all;

/* 显示两行，省略号 */

text-overflow: -o-ellipsis-lastline;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

line-clamp: 2;

-webkit-box-orient: vertical;

/* 显示一行，省略号 */

white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden;

word-break: break-all;

/* 显示两行，省略号 */

text-overflow: -o-ellipsis-lastline;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

line-clamp: 2;

-webkit-box-orient: vertical;