css li 超出隐藏代码 - 站长资源库


答案：这样的方法新手们常常不知道该如何搞定。下面就是方法的演示。不过请注意此方法适用与IE与OP浏览器！ 
设置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> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>zzzyk.com</title> 
<style type="text/css"> 
<!-- 
li { 
    width:200px; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow: hidden; 
    } 
--> 
</style> 
</head> 
<body> 
<ul> 
<li>zzzyk.com - Div CSS布局 常见问题</li> 
<li>zzzyk.com - Div CSS布局 常见问题</li> 
<li>zzzyk.com - Div CSS布局 常见问题</li> 
<li>zzzyk.com - Div CSS布局 常见问题</li> 
<li>zzzyk.com - Div CSS布局 常见问题</li> 
<li>zzzyk.com - Div CSS布局 常见问题</li> 
<li>zzzyk.com - Div CSS布局 常见问题</li> 
<li>zzzyk.com - Div CSS布局 常见问题</li> 
</ul> 
</body> 
</html>

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

上一个：可以给img元素设置背景图
下一个：CSS渐变统计柱形图

更多图片编程知识: