Как на flex прижать один блок к низу, а выше блок по центру?

Question

[William]

для наглядности прикрепил картинку

p.s. без position: absolute

Answer 1

[Дмитрий]

Пример

Answer 2

[xonar]

Я возможно не прав, но никак. Кроме как flex + отступы

Comments

[Алексей]

Блок который по центру всегда будет учитывать размеры второго блока и центрироваться только относительно оставшегося пустого пространства.

https://codepen.io/skazi_premiere/pen/zVmjwJ

Answer 3

[Роман]

Центральному блоку, добавить маргины по вертикали.
А кнопке, позишин абсолют и снизу.

Comments

[xonar]

ТС, писал без position: absolute

[Роман]

xonar, можно и по другому.
Добавить блоку псевдо-элемент, которому прописать в содержимое то же, что содержится в button. И сделать его прозрачным. Ну и свойства им указать одинаковые.
Но тогда получится слишком сложно и "грязно". Не понятно: нафига так заморачиваться если есть простое решение?

Answer 4

[ViktorWhere]

https://jsfiddle.net/vg84cwLe/

Свойство align-content есть специально для флексов :)