2010-05-10 148 views
1

大多數瀏覽器顯示有序像這樣的列表:改變十進制前綴/後綴

1. foo 
2. bar 
3. baz 

是否有更改編號使用,而不是一個前綴的方法:

#1 foo 
#2 bar 
#3 baz 
+0

沒有,爲什麼會有人需要做的是什麼?你總是可以製作一張桌子。 – animuson 2010-05-10 06:12:56

回答

1

這是最好的我能想出,只是Firefox和Chrome測試你

<style> 
    #hol-list li { 
    list-style-position: inside; 
    list-style-type: decimal; 
    position: relative; 
    } 

    #hol-list li:before { 
    content: "\0023"; 
    position:absolute; 
    left: -10px; 
    } 
</style> 

<ol id="hol-list"> 
<li>first item</li> 
    <li>second item</li> 
    <li>third item</li> 
</ol> 
+0

謝謝。我認爲這是做到這一點的唯一方式 - 有點脆弱,但它會做到。 – AnC 2010-05-10 07:50:04

0

可以使用

list-style-type: 
list-style-position: 
list-style-image: 

來控制它

+0

恐怕還不夠; 'list-style-type'只有一套有限的選項,你會如何保留'list-style-image'的編號? – AnC 2010-05-10 06:40:41

+0

@AnC - 使用'list-style-image',您可以刪除或替換默認圖像。我剛剛提到它是因爲有完整的信息。但在你的情況下,你可以用'style-type'方便地達到你的目標,如果你想改變位置,我認爲你必須使用''''像圖像將它放入你的列表中。 – 2010-05-10 07:16:42