CSS list-style-typeが動作しない

CSSにlist-style-typeを設定しましたが、なんらかの理由で表示されません。ので、あなたのパディングリセットのCSS list-style-typeが動作しない

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

答えて