css中文字超出文本框，溢出部分用点点点表示

程逸熙

于 2019-12-11 11:37:57 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

本文介绍了一种使用CSS样式来优雅地处理文本溢出的方法，通过设置特定属性，可以使超出容器的文本以省略号形式显示，同时保持页面布局整洁。此技巧适用于需要限制文本显示长度而又不想破坏阅读体验的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

width:340px;/*要显示文字的宽度*/
text-overflow :ellipsis; /*让截断的文字显示为点点。还有一个值是clip意截断不显示点点*/
white-space :nowrap; /*让文字不换行*/
overflow : hidden; /*超出要隐藏*/