Flexbox: Margin Auto
18.06.2017

Редко в какой-либо инструкции по Flexbox рассказывают про грамотное применение flex совместно с margin: auto;. А ведь оно дает большие преимущества...

В случае с двумя блоками приклеить второй блок к правой стенке можно задав ему margin-left:auto;. Да, то же самое можно сделать задав первому блоку flex:1, или через space-between. Но, зачем?! Если можно так просто...

Прижать второй блок к правому краю
Рисунок 1 - Прижать второй блок к правому краю

Такая реализация прижмет к правому краю любой блок после.

Прижать к правому краю два блока
Рисунок 2 - Прижать к правому краю два блока

Что будет, если третьему блоку задать свой auto?

Центрирование блоков
Рисунок 3 - Центрирование блоков

Теги → css flex margin