CSS 文本溢出显示省略号

1050CSSkohai

单行文本

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
css
复制代码

注:需保证文本所在元素的高度能完整显示文本,不然不会出现省略号。

多行文本

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
css
复制代码