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

52 阅读1分钟

1.实现单行文本的溢出显示省略号

width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

效果图:

2.多行文本溢出显示省略号

width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

效果图: