html - CSS列表样式类型不起作用

Question

我已经list-style-type在 CSS 中设置了，但由于某种原因它没有显示它。

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”的默认值。无需声明。数字也只是从页面的一侧掉下来，即不可见。调整您的填充并摆脱多余的声明。看这里

score 4 · Accepted Answer

如果这些都不起作用，请确保您没有在 LI 内明确标记为显示块的元素。它只是发生在我身上，将 H4 A 设置为 LI 内的块。我正要辞职

score 3 · Accepted Answer

就我而言，它不适用于<ul>.

我怀疑这可能是因为我使用了一个 CSS 重置文件。

我ul { display:list-item; }按照上面的建议设置了，它工作得很好。

检查您是否正在使用任何重置文件。他们有时可能很棘手。

score 2 · Accepted Answer

2

只需删除“显示：块；” 从你的 li 元素

于 2016-02-19T09:49:55.940 回答

6 回答 6