在IE6下不能使用overflow:hidden的原因及解决方法

分类:DIV/CSS 
对于文章列表的标题，我们需要控制它在一定的字数后就隐藏起来，以勉扩大宽度打乱布局。

方法1：用C#代码限制标题长度，但缺点是半角和全角字符的宽度不一样，不能完美地利用空间。

方法2：用CSS的white-space:nowrap;overflow:hidden;属性，当文字过长时自动隐藏掉

有时我们发现overflow:hidden;在IE6下不起作用了，其实非也。在IE6下只需要指定文字容器的宽度即可，如width:200px;

<style>

#SubBar2
{
  height:557px;
  border:solid 1px #D8D8D8;
  margin-bottom:5px;
}
#SubBar2 li{list-style:none; margin-bottom:5px; }
#SubBar2 ul{padding-left:0px;margin-top:5px;margin-left:5px; margin-right:5px;width:180px;white-space:nowrap;overflow:hidden;}
</style>

  <div id="SubBar2">
  <span class="BarHeader"><a target="_blank" href="<%=WebSiteURL%>Article/ArticleList.html">点击排行</a></span>
  <ul>
  <asp:Repeater runat="server" ID="rptArticleVisitCount">
  <ItemTemplate>
  <li><a target="_blank" title="<%#Eval("title") %>" href="<%=WebSiteURL%>Article/<%#Eval("id")%>.html"><%#Eval("title")%></a></li>
  </ItemTemplate>
  </asp:Repeater>
  </ul>
  </div>

本文作者：SAIYO 转载请注明来自：草动学园

TAG: 页面布局

顶一下，不过这个应该发在JavaScript版
还有贴代码最好用UBB高亮一下格式。

lz，能不能解释一下为什么 “在IE6下只需要指定文字容器的宽度”就可以解决“overflow:hidden;在IE6下不起作用”的问题呢？

css加一个zoom:1，IE6就行了