大量链接列表时不会在文字中间断行

如题，大量链接列表时不会在文字中间断行，上次做友情链接的时候一直没有找到方法。
曾经试过用<wbr>加<nobr>来有选择地分行，结果IE成功，FF不支持。
今天分析sohu博客首页，搞定。原来以前没有搜索正确啊，现在一搜居然早就有答案了 :(

放在这里，最近正好要用到，希望有需要用的朋友能看到。

<style>
.list
{
    width:500px;
}
.list ul li
{
    white-space: nowrap;
    float:left;
/*    display:inline;*/
}
</style>
</HEAD>

<BODY>
<div class="list">
    <ul>
        <li><a href="#">余秋雨</a>|</li>
        <li><A href="#">易中天</A>|</li>
        <li><a href="#">徐兆寿</a>|</li>
        <li><a href="#">易宪容</a>|</li>
        <li><a href="#">吴澧</a>|</li>
        <li><a href="#">黎鸣</a>|</li>
        <li><A href="#">张起淮</A>|</li>
        <li><a href="#">傅国涌</a>|</li>
        <li><a href="#">李银河</a>|</li>
        <li><A href="#">司马南</A>|</li>
        <li><a href="#">庄羽</a>|</li>
        <li><A href="#">魏子</A>|</li>
        <li><a href="#">汪丁丁</a>|</li> 
        <li><a href="#">马少华</a>|</li>
        <li><a href="#">张五常</a>|</li>
        <li><A href="#">张维迎</A>|</li>
        <li><a href="#">洪峰</a>|</li>
        <li><A href="#">思公</A>|</li>
        <li><A href="#">王少磊</A>|</li>
        <li><A href="#">章立凡</A>|</li>
        <li><A href="#">王育琨</A>|</li>
        <li><A href="#">蔡天新</A>|</li>
        <li><a href="#">高光</a>|</li>
        <li><a href="#">苏芩</a>|</li>
        <li><a href="#">周国平</a>|</li>
        <li><A href="#">徐小平</A>|</li>
        <li><A href="#">李文子</A>|</li>
        <li><A href="#">袁熙坤</A>|</li>
        <li><a href="#">忆清</a>|</li>
        <li><A href="#">石康</A>|</li>
        <li><A href="#">陈志武</A>|</li>
        <li><A href="#">步非烟</A>|</li>
        <li><a href="#">古清生</a>|</li>
        <li><a href="#">葛红兵</a>|</li>
        <li><A href="#">端木</A>|</li>
        <li><A href="#">国忠</A>|</li>
    </ul>
</div>

其实，就一个white-space:nowrap;搞定。
posted @ 2007-03-22 21:25  果果’er  阅读(523)  评论(4)    收藏  举报