版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/m0_37964290/article/details/80675934

一、单行文本溢出显示省略号

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

二、行文本溢出显示省略号

display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; //这里是在第二行有省略号 overflow: hidden;