Можно как-то в упрощенной форме указать flex боксу позиционировать по центру?

Question

[Torento20345]

Есть длинная запись

display flex
flex direction row
justify-content space-around
align-items center

Есть ещё более короткий вариант не в 4 строчки?

Comments

[Ankhena]

Да, чтобы задать выравнивание вдоль поперечной оси, достаточно 2х

display flex
align-items center

flex-direction row по умолчанию, его можно не писать, если это не переопределение ранее указанного свойства.

justify-content space-around вообще не центрирование

[FeST1VaL]

flex-direction: rowпо умолчанию. как минимум его можно не писать

Answer 1

[neuroscript]

margin: 0 auto для родительского блока, если элемент один.
Для два и более, варианты с центрированием вы знаете.
Можете убрать flex direction row
Он включается по умолчанию

Comments

[Ankhena]

neuroscript, WebEagle Как вы узнали, что внутри только один элемент?

[neuroscript]

Ankhena, Потому что иначе вопроса про центрирование бы не стояло.
Если больше одного, то сократить нельзя. flex-flow: row nowrap; это заместо flex direction можно, если у вас будет строчка про wrap no wrap
Экономите на байтах? :)

[Ankhena]

neuroscript, очень интересный вывод. Т.е. если внутри 3 элемента, то их не центрируют? :)

flex-direction row по умолчанию, его можно не писать, если это не переопределение ранее указанного свойства.
flex-wrap nowrap тоже по умолчанию, но о нем речи в вопросе даже не шло.

[neuroscript]

Ankhena, действительно вторую строчку можно убрать. Это весь ответ получается :)
Про 3 элемента - да они центрируются, и один центрируется, не понял почему вы решили, что я такое утверждал :)
Вопрос бы как максимально сократить. Если один элемент, то это самое короткое :)
Если много, то собственно убрать строчку flex direction row

Answer 2

[WebEagle]

Поддерживаю, вариант margin: 0 auto; Для одно элемента, главное не забыть ему ширину прописать, иначе не всегда срабатывает