2011-04-03 38 views
1

我試圖創建一個OL,但由於某種原因,這可能是非常基本的,這個OL並沒有出現在藍色Div內。這是爲什麼?DIV外面的OL

http://jsfiddle.net/NinjaSk8ter/6AkFR/

+0

閱讀答案/評論後,您可能需要:ol {padding:0} ol li {list-style-type:decimal; list-style-position:inside; }' – thirtydot 2011-04-03 22:30:12

+0

@thirtydot是它總是很簡單。這是成品:http://www.davincispainting.com/colorselector.aspx我非常感謝@Neal的幫助。 – Paul 2011-04-04 00:03:06

+0

jsfiddle鏈接給出了404 – 2016-10-21 16:28:34

回答

5

爲了對ol編號:

ol { 
    padding-left: 0.5em; 
} 

ol li { 
    list-style-type: decimal; /* or 'decimal-leading-zero', 'upper-alpha', 'lower-alpha'... */ 
    list-style-position: outside; /* or 'inside' */ 
    margin-left: 1em; /* gives 'room' for the numbers to appear in */ 
} 

JS Fiddle

+1

Jsfiddle鏈接發生錯誤 – 2011-08-08 06:40:40

2

取消選中複選框"Normalized CSS"中的jsfiddle ....

現場演示:http://jsfiddle.net/6AkFR/1/

+0

@Sime OK,它在JSFiddle中有效,但是我需要在HTML頁面中更改什麼?爲什麼還有那麼多的填充? – Paul 2011-04-03 21:47:28

+0

@Paul你想在你的頁面上實現什麼?默認情況下,瀏覽器在OL和UL元素上定義左填充。 – 2011-04-03 21:53:17

+0

@Sime,我只想在沒有不必要的左填充的情況下在Blue Div中有正常的編號。我不知道左填充是默認定義的。 – Paul 2011-04-03 21:57:39