html - CSSリストスタイルタイプが機能しない

Question

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>

score 77 · Accepted Answer

パディングがリセットされたため、数字は実際にはページの左側でオフになっています。追加してみてください：

list-style-position: inside;

score 29 · Accepted Answer

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

display:リスト属性が他のものに設定されている場合、問題が発生する可能性がありますdisplay:list-item;

score 6 · Accepted Answer

「ol」のデフォルトは10進数です。宣言する必要はありません。また、数字はページの横から落ちている、つまり見えないところにあります。パディングを調整し、冗長な宣言を取り除きます。こちらをご覧ください

score 4 · Accepted Answer

この機能が何も機能しない場合は、LI内に表示ブロックとして明示的にマークされた要素がないことを確認してください。LI内のブロックとしてH4Aセットを使用して私に起こったのです。辞任しようとしていた

score 3 · Accepted Answer

私の場合、それはで動作していませんでした<ul>。

使用していたCSSリセットファイルが原因である可能性があります。

上記のように設定しましたul { display:list-item; }が、問題なく動作しました。

リセットファイルを使用しているかどうかを確認してください。彼らは時々トリッキーかもしれません。

score 2 · Accepted Answer

2

「display：block;」を削除するだけですあなたのli要素から

于 2016-02-19T09:49:55.940 に答える

6 に答える 6