如何编码无序列表项中的嵌套有序列表？

我想在一个单一的无序列表项中嵌套一个有序列表，以便有序列表分割列表项目的文本。例如：如何编码无序列表项中的嵌套有序列表？

＆＃x2022;无序点，文本文本文本...
1.第一个订购的清单项目
2.第二个订购的清单项目
...继续来自同一个无序点的文本。
＆＃x2022;另一个无序的点

我想知道什么是正确的方式来编码？我试过了：

<ul> 
    <li>An unordered point, text text text... 
    <ol> 
    <li>First ordered list item</li> 
    <li>Second ordered list item</li> 
    </ol> 
    ...continued text from same unordered point.</li> 
    <li>Another unordered point</li> 
</ul>

但不确定这是否是标记它的正确方法。另外，当我在Chrome和FF中测试时，嵌套排序列表之前和之后的行距并不平衡;我得到：

＆＃x2022;无序点，文字文字文字...
1.首先有序列表项
2.第二有序列表项

...来自同一无序点持续文本。
＆＃x2022;另一个无序点

来源

2012-01-05 yroc

我看到没有问题。 http://jsfiddle.net/YbntS/我不确定你的意思是“不平衡”。 – 2012-01-05 18:48:47

@JamesMontagne：我的意思是在有序列表下面有更多的行间距。按照Matt K的建议，我猜这个问题会通过CSS得到纠正。但有趣的是，它在JSFiddle中没有间距问题进行渲染。 – yroc 2012-01-05 18:54:37

这是正确的方法，但是您需要使用CSS来删除嵌套列表上的边距，这将修复您的间距问题。

来源

2012-01-05 18:49:34

如何编码无序列表项中的嵌套有序列表？

回答

相关问题