Центрирование с полем: 0 авто; против justify-content и flexbox
Делая html горизонтальный центр, я просто понял, что могу использовать обе вещи для центрирования элемента box в его родительском элементе, поэтому мой вопрос в том, какие из этих двух лучше (с точки зрения производительности, удобства использования и т. Д.).
2 ответа
Если вы используете div
или же p
лучше использовать margin: 0px auto;
для контейнеров или главной страницы, но если вам нужно отцентрировать двух или более дочерних элементов, лучше установить parent в text-align:center
и дети display: inline-block
,
Из-за способа обработки полей во флексе, они выполняют ту же работу.
Но, как правило, когда у вас больше div, использование flex сделает работу более точно и предоставит вам возможность распределить пространство одинаково ". Если у вас мало div, вы можете margin:auto
, Помните, что flexbox дает нам возможность перераспределить пространство.