Центрирование с полем: 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 дает нам возможность перераспределить пространство.

Другие вопросы по тегам