可以排序列表产生类似于1.1、1.2、1.3的结果(而不仅仅是1、2、3、…)用CSS？一个有序的列表能产生类似1.1，1.2，1.3的结果(而不仅仅是1，2，3，.)用CSS？到目前为止，使用list-style-type:decimal只生产1，2，3，而不是1.1，1.2，1.3。
3 回答
翻过高山走不出你
TA贡献1875条经验 获得超3个赞
下面的样式表编号将列表项嵌套为“1”、“1.1”、“1.1.1”等。 OL { counter-reset: item }LI { display: block }LI:before { content: counters(item, ".") " "; counter-increment: item }
ol { counter-reset: item }
li{ display: block }
li:before { content: counters(item, ".") " "; counter-increment: item }
<ol>
<li>li element
<ol>
<li>sub li element</li>
<li>sub li element</li>
<li>sub li element</li>
</ol>
</li>
<li>li element</li>
<li>li element
<ol>
<li>sub li element</li>
<li>sub li element</li>
<li>sub li element</li>
</ol>
</li>
</ol>
智慧大石
TA贡献1946条经验 获得超3个赞
CSS：
ol {
list-style-type: none;
counter-reset: item;
margin: 0;
padding: 0;}ol > li {
display: table;
counter-increment: item;
margin-bottom: 0.6em;}ol > li:before {
content: counters(item, ".") ". ";
display: table-cell;
padding-right: 0.6em; }li ol > li {
margin: 0;}li ol > li:before {
content: counters(item, ".") " ";}- 3 回答
- 0 关注
- 556 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消