摆脱列表项标记。和保证金

Question

我只有一个普通的HTML <ol>

我需要摆脱这个数字。

我知道你可以用list-style-type: none;摆脱它，但是在项目的左边留下了很大的余量。我需要摆脱它们。

任何人都知道怎么做？

不使用列表不是一种选择。

Answer 1

嗯，你说你想摆脱保证金......怎么样：

ol, li { margin: 0; padding: 0; list-style-type: none }

如果你不想重置所有边距，你必须至少重置OL及其LI的左边距和填充以获得你想要的结果：

ol, li { margin-left: 0; padding-left: 0; list-style-type: none }

注意，值为0时，不需要单位（即0px）。如果您的目标是让项目向左冲洗，我怀疑它是，那么您需要重置填充以及我指示的。

作为旁注，如果您使用CSS重置（即：http://meyerweb.com/eric/tools/css/reset/），则必须明确地设置样式。您不仅可以获得更好的跨浏览器一致性，还可以学到很多东西。

Answer 2

<li>有默认保证金。你必须覆盖它。

li {
    margin-left:0;
}

Answer 3

应该是：

ol {
    list-style-type : none;
    margin : 0px;
}

和

li {
    list-style : none;
}

Answer 4

ol li
{ 
   list-style-type: none;
   margin-left: 0;
}