如何使填充:自动在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