web-dev-qa-db-ja.com

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

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>
htmlcsshtml-lists
19
SeinopSys

パディングをリセットしたため、数字は実際にはページの左側にあります。追加してみてください：

list-style-position: inside;
56
Niet the Dark Absol
display:list-item;
list-style-position:outside;

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

17
Musaddiq Khan

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

5
noel

これでうまくいかない場合は、LI内に明示的に表示ブロックとしてマークされている要素がないことを確認してください。それは、LI内のブロックとしてH4 Aセットで私に起こっただけです。私は辞任しようとしていました????

3
Loreena

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

1
talentedandrew