超出字符，自动隐藏

九木旭

于 2015-11-01 15:45:06 发布

阅读量345

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS

本文链接：https://blog.youkuaiyun.com/xdprintf/article/details/49558819

19 篇文章

订阅专栏

本文详细介绍了如何使用CSS的overflow, text-overflow和white-space属性来实现文字的自动隐藏、添加省略号和强制不换行效果，确保网页布局的美观和功能性。

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

overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
width: 20em;/*不允许出现半汉字截断*