1.可以限制展示几行之后才显示省略号,要给文字盒子设定宽度,否则默认百分比占满
代码:
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; // 要显示的文字有几行
line-clamp: 3; // 要显示的文字有几行
-webkit-box-orient: vertical;
效果:
2.只展示一行,超出指定范围就显示省略号,要给文字盒子设定宽度,否则默认百分比占满
代码:
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
效果: