百度免费新闻适应宽度代码

这个算是还未成形的作品.. 在IE6、IE7下似乎中间有空格, IE8下不显示省略号
opera下完全正常(个人习惯用opera)
火狐下不显示省略号, 但是一样起到固定宽度作用
以下是代码:

<style type=text/css>

.baidu{
font-size:12px;
line-height:24px;
font-family:arial;
width:85%;
overflow:hidden; /*超出的部分隐藏起来。*/
white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */
-o-text-overflow: ellipsis; /* 支持 Opera */
}
.baidu after{content:"...";}/* 支持 Firefox */
.baidu span{
display:none;
}
a.more{
color:#008000;


}
a.blk{
color:#000;
font-weight:bold;
}

</style>
<div class="baidu">
<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/n?cmd=1&class=technnews&pn=1&tn=newsbrofcu" ></script>
</div>
 

如果有谁进化出比这个还好的
并且能适应各个浏览器的, 请千万留下你的联系方式

Tags: 代码  百度  
相关日志:

百度给站长提前过了愚人节  (2010-3-31 22:57:0)