jquery - 有什么方法可以使有序列表看起来像下面的示例

Question

我想用如下所示的 HTML 制作一个有序列表:

2.1 tesa
2.2 tesbasdfasd
2.3 asfdasd
2.4 sdfsd

这有可能吗？我真的很想使用 ol 和 li，因为我喜欢它在不止一行的情况下为数字留出空间的方式。

Answer 1

一种使用 CSS 实现的方法:

HTML:

<ol id="myList">
    <li>tesa</li>
    <li>tesbasdfasd</li>
    <li>asfdasd</li>
    <li>sdfsd</li>
<ol>

CSS:

#myList {
    list-style: decimal inside none;
    margin-left: 2em;
}
#myList li:before {
    content: "2.";
    float: left;
}

See it at jsFiddle.

这应该适用于所有最新型号的浏览器。 Compatibility table .