Выравнивание по вертикали?

Question

[Богдан]

Здравствуйте, а не подскажите как правильно сделать, есть флекс контейнер и нужно если элементов мало что бы расположились по центру?

Получается когда сделал justify-content: center; и когда элементов больше чем высота контейнера, тогда обрезается верхний элемент.



Вроде нашел решение, убрать justify-content: center; и сделать

.list::before, .list::after {
  content: '';
 margin: auto;
}

Но выглядит это костыльно, может есть другое решение?

Answer 1

[RAX7]

Для .list задай margin auto сверху и снизу
https://codepen.io/anon/pen/YbyaPQ

Answer 2

[Сергей delphinpro]

Зачем вы суёте флексы где ни попадя?

https://codepen.io/anon/pen/xNwjza

Comments

[Богдан]

Сенкс, немножко не так, потому что к примеру если к примеру будет только один .list в контейнере, и у него содержимое будет меньше чем высота контейнера, он тогда расположится в верхнему краю

[Сергей delphinpro]

Богдан, тогда так https://codepen.io/anon/pen/GaorQd