CSS list-style-type not working

我在CSS中設置了list-style-type，但由於某種原因，它沒有顯示它。CSS list-style-type not working

body { 
 
    margin: 0; 
 
} 
 
ol { 
 
    list-style-type: decimal; 
 
    padding-left: 0; 
 
}

<ol> 
 
    <li>Item 1</li> 
 
    <li>Item 2</li> 
 
    <li>Item 3</li> 
 
</ol>

2012-09-16 SeinopSys

檢查您的保證金和填充... – yckart

因爲你的填充復位，這個數字實際上是關閉的頁面左側。嘗試添加：

list-style-position: inside;

2012-09-16 14:23:48

十進制是「ol」的默認值。不需要申報。此外，這些數字只是從頁面的側面掉下來，即不可見。調整你的填充並擺脫冗餘聲明。 See here

2012-09-16 14:27:30 noel

謝謝您的建議。我一直認爲一些瀏覽器使用不同的風格，ol風格的類型可能會有所不同，這就是我把它放在那裏的原因。 – SeinopSys

from w3c「有序列表和無序列表除了可視化用戶代理編號排序列表項外，都以相同的方式呈現，用戶代理可以用各種方式顯示這些編號，無序列表項不會被編號。 – noel

如果他恰好事先使用CSS重置文件，則可能會將ol設置爲不同的值 – iBorg

display:list-item; 
list-style-position:outside;

如果列表display:屬性被設置爲display:list-item;

2015-04-28 10:41:52

一些別的東西只是刪除它可能給問題「顯示：塊;」從你的元素

2016-02-19 09:49:55 talentedandrew

如果沒有這項工作，請確保你沒有明確標記爲LI內的顯示塊的元素。它發生在我身上，並且在LI內部設置了一個H4 A。我正要辭職

2017-02-05 00:33:33 Loreena

回答