当前位置 : 主页 > 网页制作 > JQuery >

jquery – 有没有什么办法可以让我看看下面的例子中的有序列表

来源:互联网 收集:自由互联 发布时间:2021-06-15
我想创建一个带有 HTML的有序列表,如下所示: 2.1 tesa2.2 tesbasdfasd2.3 asfdasd2.4 sdfsd 是否有可能做到这一点?我真的很想使用ol和li,因为我喜欢它为数字提供空间的方式,如果有多行的话. 使
我想创建一个带有 HTML的有序列表,如下所示:

2.1 tesa
2.2 tesbasdfasd
2.3 asfdasd
2.4 sdfsd

是否有可能做到这一点?我真的很想使用ol和li,因为我喜欢它为数字提供空间的方式,如果有多行的话.

使用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.

网友评论