html - 使用 CSS2 将 拆分为两列

Question

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

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

Answer 1

我用基本的非 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/