这事还得从浏览器的兼容性来说,我写的网页文件在chrome下面显示正常,但是在ie9.0下显示不正常,症状就是不能正常变成省略号。这可如何是好,ie6.0本来就够闹心的了,这个iE9.0也不让人省心,该咋办呢。看我的代码吧。 ie9.0下显示: 控制代码是: css: .cbox ul li a{ text-decoration:none;!important; color:#333; float:left; width:210px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom:#999 dotted thin; } html: <ul> <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span>海青科技在做学校网站海青科技在做学校网站</a></li> <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span>海青科技在做学校网站海青科技在做学校网站</a></li> <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span>海青科技</a></li> <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span>海青科技在做学校网站海青科技在做学校网站</a></li> <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span>海青科技在做学校网站海青科技在做学校网站</a></li> <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span>海青科技在做学校网站海青科技在做学校网站</a></li> </ul> 更改之后: css: .ellipsis{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:140px; display:block; } html>body .ellipsis { clear:none; } html>body .ellipsis:after { content: "..."; } html>body .ellipsis{ max-width:140px; width:auto !important; float:left; } ul{list-style:none;} html: <ul> <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span><span class="ellipsis">海青科技在做学校网站海青科技在做学校网站</span></a></li> <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span><span class="ellipsis">海青科技在做学校网站海青科技在做学校网站</span></a></li> <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span><span class="ellipsis">海青科技在做学校网站海青科技在做学校网站</span></a></li> <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span><span class="ellipsis">海青科技在做学校网站海青科技在做学校网站</span></a></li> <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span><span class="ellipsis">海青科技在做学校网站海青科技在做学校网站</span></a></li> <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span><span class="ellipsis">海青科技在做学校网站海青科技在做学校网站</span></a></li> </ul> 。