问题描述
我正在处理一个旧项目,该项目的CSS重置已将*{ margin:0; padding:0 }
应用于所有项目.现在,我的新代码不需要它,因为它依赖于Normalize.css.这并不是什么大问题,但是在某些地方,我需要同时使用两种样式.
I am working on a legacy project that has CSS Reset with *{ margin:0; padding:0 }
applied to everything. Now, my new code doesn't need that as it relies on Normalize.css. This hasn't been much of a problem but at some places I need to use both styles.
如何取消重置CSS?我已经能够做*{margin:auto}
,它工作正常.填充也不一样.是否有等效的方法来重置填充.您如何解决这个问题?
How do I unreset my CSS? I have been able to do *{margin:auto}
which works fine. The same isn't true about padding. Is there an equivalent way to reset the padding. How do you go about solving this?
推荐答案
auto
不是padding
属性的有效值,唯一可以做的就是从*
声明中删除padding: 0;
,否则只需将padding
分配给相应的属性块.
auto
is not a valid value for padding
property, the only thing you can do is take out padding: 0;
from the *
declaration, else simply assign padding
to respective property block.
如果从* {}
中删除padding: 0;
,则浏览器将对元素应用默认样式,这将为您带来意想不到的跨浏览器跨位置偏移几像素,因此最好使用*
和*
来分配padding: 0;
如果您想覆盖填充,只需使用另一条规则
If you remove padding: 0;
from * {}
than browser will apply default styles to your elements which will give you unexpected cross browser positioning offsets by few pixels, so it is better to assign padding: 0;
using *
and than if you want to override the padding, simply use another rule like
.container p {
padding: 5px;
}
这篇关于如何使padding:auto在CSS中工作?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!