Как расместить блок в таком случае?

Question

[l55uiz]

Привет всем.
Подскажите, как разместить блок по середине, если он один в строке.
Если блоков 2 в строке, то они стоят рядом друг с другом.
Делал на флексе - https://jsfiddle.net/vnf2uynj/

Comments

[Сергей Горячев]

А что не так в примере? Нифига не понял.

[l55uiz]

Sergey Goryachev: Нужно, чтобы 3-й блок был по середине.
Еще раз. Если на странице 1 блок, то он становится по середине. Если 2 блока - они становятся по блокам, Если 3 блока - то 3-й становится по середине, а первые 2 - по блокам как и стояли.
Если 4 блока - то будет по 2 блока на каждую строку
Если 5 блоков = 5-й будет по середине
И т.д

[l55uiz]

Sergey Goryachev: https://jsfiddle.net/vnf2uynj/1/

[Сергей Горячев]

l55uiz: Ааа. Только через justify-content: center, по-другому никак.

[l55uiz]

l55uiz: prntscr.com/evjy4x

[l55uiz]

Sergey Goryachev: Если я так напишу, то первые 2 блока не будут по бокам.

[Сергей Горячев]

l55uiz: Да по большому счету, они итак не будут по бокам, на экране 1920.

[Сергей Горячев]

l55uiz: Это говорит о неправильном подходе к верстке.

[l55uiz]

Sergey Goryachev: а как тогда исправить верней?

Answer 1

[Михаил Захаров]

justify-content: center;
align-items: center;

Comments

[l55uiz]

Если я так напишу, то первые 2 блока не будут по бокам.