css实现隐藏 li 内容超出宽度部分，通过设置 li 行的宽度，溢出部分隐藏比大多数采用的规定显示文字的字节数的方式更为有效，后者在中英文混合标题中将会零乱不堪。
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<fck:meta http-equiv="content-type" content="text/html; charset=gb2312" ></fck:meta>
<title>css隐藏li标签超出宽度部分</title>
<style type="text/css">
<!--
div {
width:200px;
border:1px solid #ccc;
padding:12px;
}
li {
font-size:14px;
align:left;
width:183px;
margin-bottom:5px;
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
}
-->
</style>
</head>
<body>
<ul> <div>
<li><a href="# " _fcksavedurl="# " >CSS隐藏行超出宽度部分</a></li>
<li><a href="# " _fcksavedurl="# " >CSS隐藏li标签行超出宽度部分</a></li>
<li><a href="# " _fcksavedurl="# " >CSS隐藏li标签行超出宽度</a></li>
<li><a href="# " _fcksavedurl="# " >CSS隐藏li标签行超出宽度部分</a></li>
<li><a href="# " _fcksavedurl="# " >CSS隐藏超出宽度部分</a></li>
<li><a href="# " _fcksavedurl="# " >CSS隐藏li标签行超出宽度部分</a></li>
<li><a href="# " _fcksavedurl="# " >CSS隐藏li标签行超出宽度</a></li>
<li><a href="# " _fcksavedurl="# " >CSS隐藏li标签行超出宽度部分</a></li>
</div></ul>
</body>
</html>
