как сделать padding: авто работать в css?

<p>я работаю над устаревшим проектом, в котором css reset с <code>*{ margin:0; padding:0 }</code> применен ко всему. теперь мой новый код не нуждается в этом, поскольку он опирается на normalize.css. это не было большой проблемой, но в некоторых местах мне нужно использовать оба стиля.</p><p>как мне отменить сброс моего css? я был в состоянии сделать <code>*{margin:auto}</code>, который отлично работает. то же самое нельзя сказать о дополнении. есть ли эквивалентный способ сброса отступов. как вы решаете это?</p>

<p><code>auto</code> не является допустимым значением свойства <code>padding</code>, единственное, что вы можете сделать, это извлечь <code>padding: 0;</code> из объявления <code>*</code>, иначе просто назначить <code>padding</code> соответствующему блоку свойств.</p><p>если вы удалите <code>padding: 0;</code> из <code>* {}</code>, то браузер будет применять стили к вашим элементам по умолчанию, что даст вам неожиданное смещение между браузерами на несколько пикселей, поэтому лучше назначить <code>padding: 0;</code> с помощью <code>*</code>, чем, если вы хотите переопределить заполнение, просто используйте другой править как</p><pre><code>.container p { padding: 5px; } </code></pre>

<p>вы должны просто настроить селектор * на конкретные области, которые требуют сброса. <code>.legacy * { }</code> и т. д.</p>

<p>самое простое поддерживаемое решение - использовать маржу.</p><pre><code>.element { display: block; margin: 0px auto; } </code></pre><p>или используйте второй контейнер вокруг элемента, к которому применено это поле. это в некоторой степени будет иметь эффект <code>padding: 0px auto</code>, если он существует.</p><p><strong>css</strong></p><pre><code>.element\_wrapper { display: block; margin: 0px auto; } .element { background: blue; } </code></pre><p><strong>html</strong></p><pre><code><div class="element\_wrapper"> <div class="element"> hello world </div> </div> </code></pre>

<p>вы можете сбросить заполнение (и я думаю, что все остальное) с <code>initial</code> по умолчанию.</p><pre><code>p { padding: initial; } </code></pre>