设置一个DIV的文字超出隐藏，并用省略号表示未完待续

转载于 2015-01-08 18:45:00 发布 · 198 阅读

·

0

·

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wyykim/p/4211693.html

本文介绍如何使用CSS实现当文字超出容器时显示为省略号的方法，适用于需要对长文本进行优雅截断的场景。

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

<div style="width:50px;height:18px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;">
设置一个DIV的文字超出隐藏，并用省略号表示未完待续 设置一个DIV的文字超出隐藏，并用省略号表示未完待续 设置一个DIV的文字超出隐藏，并用省略号表示未完待续
</div>

转载于:https://www.cnblogs.com/wyykim/p/4211693.html