关于CSS样式的问题,怎么可以让div的内容自动换行,溢出隐藏,还要加省略号?

html-css010

关于CSS样式的问题,怎么可以让div的内容自动换行,溢出隐藏,还要加省略号?,第1张

text-overflow : clip | ellipsis

参数：

clip : 　不显示省略标记（...），而是简单的裁切

ellipsis : 　当对象内文本溢出时显示省略标记（...）

说明：

设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。

对应的脚本特性为textOverflow。请参阅我编写的其他书目。

不过要给DIV定宽度，才有效果。。

参考手册：http://www.86w3.com/css/

<style>

#rh{width:250pxheight:autoborder:0px solid #cccmargin-bottom:10px}

.header{width:249pxheight:30pxborder:1px solid #cccborder-bottom:nonebackground-color:#CFEFC0text-align:centerline-height:30px}

.comtent{width:249pxheight:autoborder:1px solid #cccwhite-space:nowraptext-overflow:ellipsisposition:relative}

.comtent ul{margin:0pxline-height:25pxfont-size:13px}

.comtent ul li {margin-left:8pxoverflow:hidden}

</style>

<div id="rh">

<div class="header">最新</div>

<div class="comtent">

<ul>

<li>111111111111111111111111111111111111111111111111111111111111111111</li>

</ul>

</div>

</div>

没有问题啊，我用火狐、谷歌、IE、qq、360浏览器都测试过了，溢出隐藏了啊，你用的什么浏览器？