CSS3让一段文字多余的用省略号表示，当鼠标移动上去的时候显示全部文字

转载于 2016-09-26 15:57:00 发布 · 760 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fkcqwq/p/5909497.html

文章标签：

#前端 #ViewUI

本文介绍了一种使用CSS样式实现文本在固定宽度下显示省略号的方法，并提供了代码示例。通过设置white-space、overflow及text-overflow属性，可以有效解决文本溢出问题。

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

<style type="text/css">
div { width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
div:hover { width:auto; }
</style>


<div>算哒垃圾死分拉萨机aldj都是sd</div>

white-space:nowrap; text-overflow:ellipsis; 让文字在一定宽度出现省略号

转载于:https://www.cnblogs.com/fkcqwq/p/5909497.html