本文介绍如何使用CSS实现文本溢出时自动省略显示的功能，通过设置宽度限制、文本不换行、隐藏溢出内容及使用省略号来展示长文本。此技巧适用于网页布局中对文字长度有固定要求的场景。
效果图：
代码如下：
<head>
<meta charset="utf-8">
<title>测试</title>
<style>
div{
width:100px;
background:#00ff00;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
</style>
</head>
<body>
<div>这是测试文字好长好长好长</div>
</body>
</html>
扫一扫
2288
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
