CSS文字超出显示省略号

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/Red_sevenWord/article/details/102698575

注意外部盒子要设定宽度

单行

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

多行。

多行文本溢出显示省略号，行数为n。

overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: n;