文字超长隐藏为...ie7不兼容的解决办法

把li里的a设置display:block;

代码如下：

html：

<ul>
<li><span>2014-8-27</span><a href="article.html" title="央行增加支农再贷款200亿 利率可再降1个百分点">央行增加央行增加支农再贷款央行增加支农再贷款央行增加支农再贷款支农央行增加央行增加支农再贷款央行增加支农再贷款央行增加支农再贷款支农再贷款再贷款200亿 利率可再降1个百分点</a></li>

</ul>

css：

.article_list ul li{ height:32px; line-height:32px; border-bottom:1px dashed #ddd;}
.article_list ul li a{ display:block; height:32px; line-height:32px;font-size:14px; background:url(../images/icon1.png) no-repeat 5px 16px;padding-left:20px;white-space:nowrap;_white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.article_list ul li span{float:right; color:#999; padding-left:20px;}

 

转载于:https://www.cnblogs.com/sunnywindycloudy/p/7382457.html