jikunx

不用table
<ul>
<li>1<li>
<li>2<li>
<li>3<li>
<li>4<li>
</ul>

怎么写能实现1行2列显示？
1 2
3 4

老寒

display:inline;
        float: left;
加这两个应该足够了

星铃丹

不要float:left，定义ul的width和li的width为ul的一半。

goyher

ul {
        width:200px;
}
li {
        float:left;
        width:100px;
}

飞月

不懂~~帮顶

haphic

要么用 li {display:block;float:left;width:(UL的地半或更少)}
要么用 li {display:inline;white-space: nowrap;}

前者是把 list 元素变成块后处理.
后者是直接对 list 元素的处理.
混合使用的话有些定义可能没有实际意义.

可能还需要一些细节保证 IE 和其它浏览器的兼容性, 具体记不清了, 楼主实际试试吧.

myneeke

楼上好强大。学习~ing

goyher

没有必要这样做吧！只定义2行2列 不需要这样麻烦。

还有一点需要注意的是，如果<li>1</li>是文字，<li>2</li>全是字符的，list的高度会不一样，需要定义一下list的高度和line-height
IE6和FF3的line-height不一致。

jikunx

2行2列只是我举的例子而已。实际情况很多的，我主要想用于友情链接上，友情链接多了就比较长，一行2列的话就好多了。我目前用的还是div+table的方法，现在去试试上面你们说的方法。

谢谢 大家！

goyher

以前的时候我写过一次友情连接的样式
当友情连接小于固定高度时正常显示，当超出固定高度后就会出现下拉的导航条。
代码：
ul {
        float:left;
        width:200px;
        height:300px;
        overflow-y:auto;/*当超过固定高度后右侧出现导航条,scroll直接带有导航条*/
}
li {
        float:left;
        width:175px;
}

[ 本帖最后由 goyher 于 2008-9-8 15:50 编辑 ]

飞鸟

3楼
6楼
说的都可以～