使用 CSS2 将

拆分为两列

有没有一个好的跨浏览器解决方案来拆分单个<ul>分成两列，或者最好的方法仍然是使用两个相邻浮动的单独列表？我正在寻找单一的解决方案，因此如果需要替代 HTML 来支持旧版浏览器，则不允许使用 CSS3 优点。

要求浏览器支持IE7+、FF3+。

我用基本的非 CSS3 制作了一个 JSFiddle，似乎可以工作。应该是跨浏览器的，并且可能是您开始修补特定解决方案的良好基础。

CSS 一览如下：

ul {
    width:340px;
    margin:0;
    padding:0;
}

ul:after {
    content:".";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}

ul li {
    margin:0 0 0 30px;
    padding:0 0 10px 0;
    float:left;
    display:block;
    width:140px;
}

http://jsfiddle.net/grahamzibar/zdBvk/ http://jsfiddle.net/grahamzibar/zdBvk/