FF IE text-overflow:ellipsis

<!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=gb2312" />
<title>yanll_20080505</title>

<style type="text/css">
ul {width: 200px;margin:0px; height:0px; list-style-type:none;}
li {margin:0px; padding:0px;width: 200px; line-height:30px;}
li a {display: block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
/* firefox only */
li:not(p) {clear: both;width: 210px;}
li:not(p) a {float: left;width: 175px;}
li:not(p):after {content: "..."; float: left;width: 25px;padding-left: 5px;color: #999;}
</style>
</head>
<body>
<ul>
<li><a href="http://www.dzwindows.com/">会有网站引导员指引你进入你的个人门户、你的社区、你的音乐盒</a></li>
<li><a href="http://www.dzwindows.com/">会有网站引导员指引你进入你的</a></li>
<li><a href="http://www.dzwindows.com/">会有网站引导员指引你进入</a></li>
<li><a href="http://www.dzwindows.com/">会有网站引导员指引你进入你的个人门户、你的社区、你的音乐盒</a></li>
<li><a href="http://www.dzwindows.com/">会有网站引导员</a></li>
<li><a href="http://www.dzwindows.com/">会有网站引导员指引你进入</a></li>
</ul>
</body>
</html>

你可能感兴趣的:(FF IE text-overflow:ellipsis)