2012-05-18 42 views

回答

2

[編輯&固定。謝謝,邁克米勒! ]

您可以使用CSS計數器:)

ul { 
    counter-reset: items 0; 
} 
li { 
    list-style-type: none; 
} 
li:before { 
    counter-increment: items 1; 
     content: counter(items, lower-roman) ") "; 
} 

你可以看到現場這是如何工作的http://dabblet.com/gist/2724823

+2

不會在裏面的內容後面顯示嗎? –

+0

Ooops,真的,我現在正在改變!謝謝! – Ana

0

我認爲你能做的最好是

li:before { content: ")" }; 

然後設置負的左邊距。

0

如果具體的編號風格是必不可少的,請將其作爲內容的一部分,並抑制默認的瀏覽器生成的數字或根本不使用標記。

<div>i) first item</div> 

或者(如果可能需要的款式數量

<div><span class=num>i)</span> first item</div> 

可以替代生成使用CSS(生成的內容和:before pseudoelements)的數字,但它的笨拙,特別是如果你需要確保在所有瀏覽器上合理的展示