本文介绍了使用CSS处理文本溢出的方法，通过设置宽度、隐藏溢出内容等属性实现文本的优雅显示。文章列举了多个实例，展示了如何在不同的场景下应用这些技巧。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
ul {width:300px; margin:50px auto;}
div,li {width:300px; line-height:25px; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
</style>
</head>
<body>
<ul>
<li>CSS在中嚼为燰加 脸婆婆 ；有 - Pro CSS Techniques 111111111111111111111111111111</li>
<li>CS迪庆矿业"六个抓" 抓出安全环保"六为零"11111111</li>
<li>凉山矿业强管理：凤凰涅槃 一飞冲天111111</li>
<li>Web冶炼板块"安全，你我同行"安全知识竞赛在总厂部举行�11111111</li>
<li>集团隆重召开庆祝建党90周年纪念大会�11111</li>
<li>山矿业强管理：凤凰涅槃 一飞冲天111111111111</li>
</ul>
<div>CSS在中嚼为燰加 脸婆婆 ；有 - Pro CSS Techniques 1111111111111111111111111111</div>
<div>CS迪庆矿业"六个抓" 抓出安全环保"六为零"11111111</div>
<div>凉山矿业强管理：凤凰涅槃 一飞冲天14SFq1111 </div>
<div>Web冶炼板块"安全，你我同行"安全知识竞赛在总厂举行1111</div>
<div>集团隆重召s2$d开庆祝建党90周年纪念大会�11111 </div>
<div>集团隆重召d开庆祝16建党90周年纪念大会�11111</div>
<div>山矿业强管理：凤凰涅槃 一飞冲天111111111111</div>
</body>
</html>
转载于:https://www.cnblogs.com/jamin/archive/2011/12/08/2281187.html
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
