div 字串超长截取

<!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 {300px; margin:50px auto;}
div,li {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/p/2281187.html