Сокращение для установки левого и правого полей на одно и то же значение

Question

Мне интересно, есть ли полностью эквивалентная однострочная стенография для следующего селектора:

.foo {
  margin-left: 30px;
  margin-right: 30px;
}

Я мог бы использовать что-то вроде:

.foo {
  margin: 0 30px;
}

, но это не так Мне кажется, это эквивалентно, например, 0 может создать другой конечный результат, если к элементу применяется несколько стилей.

Answer 1

Я не уверен, что понимаю ваш вопрос. Обычно auto используется для центрирования.

Браузер выбирает подходящее поле для использования. Например, в некоторых случаях это значение можно использовать для центрирования элемента.

Однако начальное значение равно 0.

Так что если вам не нужно специально использовать auto, вам потребуется следующее.

.foo {
  margin: 0 30px;
}

В документации MDN объясняется, как можно использовать свойство margin.

Answer 2

используйте это

.foo {
  margin: 0 30px 0 30px;
}