CSS单行文本溢出，省略号显示

分类: IT文章 • 2023-03-19 15:30:38

1 white-space: nowrap;      /*文本不换行，单行显示*/
2 overflow: hidden;         /*溢出内容隐藏*/
3 text-overflow: ellipsis;   /*省略号显示，默认为clip*/

CSS单行文本溢出，省略号显示

浏览器运行效果：

CSS单行文本溢出，省略号显示