如何使填充:自动在CSS中工作?

我正在使用具有*{ margin:0; padding:0 } CSS重置的旧项目*{ margin:0; padding:0 } *{ margin:0; padding:0 }适用于所有内容。 现在,我的新代码不需要它,因为它依赖于Normalize.css。 这并没有太大的问题,但在某些地方我需要使用这两种风格。

我如何重置我的CSS? 我已经能够做*{margin:auto} ,它工作正常。 关于填充也是如此。 有没有相当的方法来重置填充。 你如何解决这个问题?


auto不是padding属性的有效值,唯一可以做的就是取出padding: 0;*声明,否则只需将padding分配给各自的属性块。

如果您删除padding: 0;* {}比浏览器将默认样式应用到您的元素,这会给你意想不到的跨浏览器定位偏移几个像素,所以最好分配padding: 0; 使用*和比如果你想重写填充,只需使用另一个规则

.container p {
   padding: 5px;
}

您应该将您的*选择器的范围限定在需要重置的特定区域。 .legacy * { }


最简单的支持解决方案是使用保证金

.element {
  display: block;
  margin: 0px auto;
}

或者在应用此边距的元素周围使用第二个容器。 如果它确实存在的话,这会有点影响padding: 0px auto

CSS

.element_wrapper {
  display: block;
  margin: 0px auto;
}
.element {
  background: blue;
}

HTML

<div class="element_wrapper">
  <div class="element">
    Hello world
  </div>
</div>
链接地址: http://www.djcxy.com/p/29481.html

上一篇: How to make padding:auto work in CSS?

下一篇: android:drawableLeft margin and/or padding