用css控制标题字符溢出,用省略号表示

核心提示：说明：检索或设置当对象的内容超过其指定高度及宽度时如何管理内容，所有对象的默认值是 visible ，用css控制标题字符溢出,用省略号表示(2)，除了 textarea 对象和 body 对象的默认值是 auto ，设置 textarea 对象此属性值为 hidden 将隐藏其滚动条，当你使用 !DOCTYPE 声明

说明：
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
所有对象的默认值是 visible ，除了 textarea 对象和 body 对象的默认值是 auto 。设置 textarea 对象此属性值为 hidden 将隐藏其滚动条。
对于 table 来说，假如 table-layout 属性设置为 fixed ，则 td 对象支持带有默认值为 hidden 的 overflow 属性。如果设为 scroll 或者 auto ，那么超出 td 尺寸的内容将被剪切。如果设为 visible ，将导致额外的文本溢出到右边或左边（视 direction 属性设置而定）的单元格。
自IE5开始，此属性在MAC平台上可用。
自IE6开始，当你使用 !DOCTYPE 声明指定了 standards-compliant 模式，此属性可以应用于 html 对象。
对应的脚本特性为 overflow 。

上面的问题解决后.但在包含有链接的调用当中.却没有效果.认真看了代码后发现在.如果在div里的是A的属性就会失效...
既然这样那就把定义在li上面的值放到A上面来...结果就可以了....

最后的代码如下:
<style type="text/css">
ul,li{padding:0; margin:0; list-style:none;}
li{width:95%;margin:0 auto; height:22px;line-height:22px; }
li a{white-space: nowrap;text-overflow:ellipsis; overflow:hidden; display:block; width:100%;}
</style>

<div style="width:300px; padding:5px;">
<ul>

<li><a href="#">这是假字这是假字这是假字这是假字这是假字</a></li>
<li><a href="#">这是假字这是假字这是假字这是假字这是假字</a></li>
<li><a href="#">这是假字这是假字这是假字这是假字这是假字</a></li>
<li><a href="#">这是假字这是假字这是假字这是假字这是假字</a></li>
</ul>
</div>