- 主题:怎么保持<ol>的自动序号并且显示各<li>在同一行?
如果用下面的方法,可以同一行显示项目,但会取消自动序号。
<ol>
<li style="float:left;display:inline;">只要把</li>
<li style="float:left;display:inline;">li的样式里加上左对齐和内敛</li>
<li style="float:left;display:inline;">就可以同一行</li>
</ol>
--
FROM 222.76.205.*
这样写行吗?我试验,会消失序号,也没同一行。
【 在 SeeWant (我说我是猪你又不相信!) 的大作中提到: 】
: css
: list-style:None
<ol style="list-style: none">
<li style="list-style: none">有序列表第一项</li>
<li style="list-style: none">第二项</li>
<li style="list-style: none">第三项</li>
</ol>
--
FROM 222.76.205.*
前进了一步,但还有问题。
IE6没有序号了;Fx和Opera有序号,也是同一行,但会出现叠字的严重情况。
也就是 3.第三项 这5个字的开头压住了 2.第二项 这5个字的尾巴。描述清楚了吧。
【 在 SeeWant (我说我是猪你又不相信!) 的大作中提到: 】
: 额,我又仔细读了一下你的需求,终于懂了你的需求……
: style="float:left"
: 即可……
<ol style="float:left">
<li style="float:left">有序列表第一项</li>
<li style="float:left">第二项</li>
<li style="float:left">第三项</li>
</ol>
--
FROM 222.76.205.*
我的意思是这个方法不好。你的解决方法是,把偏移的位置再移回来。最好是,一开始就不会偏移。算了,如果只能用 float实现,那就相当于没实现。我正在清除float。
【 在 SeeWant (我说我是猪你又不相信!) 的大作中提到: 】
: 不知道您是否听说过css这个东西,好吧,最后一次回复这个帖子了……
: 本来上帖子就想说来着:
: style="float:left;margin:5px;padding:5px;"
: ...................
--
FROM 222.76.205.*