Question

我正在使用*{margin:0; padding:0;}，这是第一次让我感到沮丧。 列表填充和边距也是0，因此缩进会丢失。我希望将它们重置为原始状态，这怎么可能？

我试过这个没有成功：

ul,ol{ 
   margin :auto; /* This Works */
   padding:auto; /* This Not :( */
}

那我该如何解决这个问题？

Answer 1

重置的目的是消除由于浏览器默认设置引起的变化。换句话说，没有确定的方法可以解除＆＃34;因为不同的浏览器可能有不同的默认值。

但是，您可以选择自己的默认值，我认为这是您在此尝试做的事情。

这样做的一个好方法是查看浏览器的默认样式表（您应该能够通过搜索找到如何执行此操作）。例如，您可以使用以下URL查看Firefox默认样式表：resource：//gre/res/html.css

Answer 2

没有办法恢复默认值，但更改'ol'或'ul'和'li'的填充它看起来会很好。这对我有用..

ol{
    padding: 0 25px;
}
ol li{
    padding-left: 0px;
}

Answer 3

如您所见，如果您使用下面的代码段，则列表initial的{{1}}值为padding-left。我的意思是关于您的声明：

我想将它们重置为原始状态

我想说明的是，@ jdigital在他的回答中所说的是CSS属性没有没有原始状态，它们都取决于其浏览器的实现，例如默认的浏览器样式表。

ul {
  outline: 1px solid coral;
  list-style: none;
  padding-left: 48px;
}

li {
  outline: 1px solid lightseagreen;
}

ul {
  padding-left: initial;
}

Answer 4

如果我正确理解了问题，您可以尝试添加!important;，如下所示：

ul, ol {
   margin : auto;
   padding: auto !important;
}

通常，它会覆盖所有早期预定义的值。

HTML / CSS：将列表填充重置为默认值

4 个答案: