2012-01-23 29 views
3

是否有一個爲什麼創建有序列表來顯示a)而不是a。當使用帶有ul/li標記的css列表樣式css,越來越a)在列表而不是一個

此刻我有這種風格ol.lower-alpha {list-style-type:lower-alpha}它產生一個。而不是a)

例如。

我需要它看起來像這樣

a) item 1 
b) item 2 
+0

沒有CSS列表樣式類型會給你的.. http://www.w3schools.com/cssref/pr_list-style-type.asp –

+0

@ stian.net - 是還有其他方法可以實現嗎? – Roland

+0

不適用於css。您將不得不:a)項目1
b)項目2
等等...... –

回答

4

是,使用計數器(具有良好的,但還是有限的支持,所以要小心)。示例(jsfiddle):

ol { 
    list-style-type: none; 
    counter-reset: list; 
} 
ol li:before { 
    content: counter(list, lower-alpha) ") "; 
    counter-increment: list; 
} 
+0

這可以工作,但有點擔心使用它,因爲顯示器也需要導出爲pdf,而tcpdf可能只是不支持還沒完成 – Roland