我想创建一个带有 HTML的有序列表,如下所示: 2.1 tesa2.2 tesbasdfasd2.3 asfdasd2.4 sdfsd 是否有可能做到这一点?我真的很想使用ol和li,因为我喜欢它为数字提供空间的方式,如果有多行的话. 使
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.
