排列ol列表號碼到左側

Question

是否可以安排ol列表號碼（2位數字）從左側開始。

通常談到這樣

1 
2 
. 
. 
10 
12 

但是我需要表現出這樣的

Answer 1

可能是你可以使用計數器-Increment這一點。像這樣寫：

ul{ counter-reset: chapter 0; } 
li:before{  
    counter-increment: chapter;  
    content:counter(chapter) ". "; 
    width:20px; 
    display: inline-block; 
    text-align: right; 
} 

入住這http://jsfiddle.net/upc6b/

Answer 2

您可以使用CSS計數器：

CSS：

ol { 
    padding-left: 40px; 
    list-style: none; 
    counter-reset: number; 
} 

ol li:before { 
    display: inline-block; 

    content: counter(number) '.'; 
    counter-increment: number; 

    width: 30px; 
} 

這種方法的唯一問題是數字區域的寬度是固定的，所以它不會隨着元素數量的增長而擴大。

演示：http://jsfiddle.net/Blender/UG5Y4/2/