可以排序列表產(chǎn)生類似于1.1、1.2、1.3的結(jié)果(而不僅僅是1、2、3、…)用CSS？一個(gè)有序的列表能產(chǎn)生類似1.1，1.2，1.3的結(jié)果(而不僅僅是1，2，3，.)用CSS？到目前為止，使用list-style-type:decimal只生產(chǎn)1，2，3，而不是1.1，1.2，1.3。
3 回答
翻過(guò)高山走不出你
TA貢獻(xiàn)1875條經(jīng)驗(yàn) 獲得超3個(gè)贊
下面的樣式表編號(hào)將列表項(xiàng)嵌套為“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貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超3個(gè)贊
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, ".") " ";}添加回答
舉報(bào)
0/150
提交
取消