Расположение по центру

Имеется флекс блок, в котором расположен другой флекс бокс с пятью или более элементами

Любой из этих параметров приводит к тому, что блок находится идеально по центру

Дальше. Если добавить элементы справа и слева, то центральный блок укатывается в какую либо сторону, в зависимости от размера элементов справа и слева

Так вот. Как сделать чтобы центральный элемент всегда был идеально по центру, не обращал внимание на крайние, или чтобы они приравнялись как-то, главное чтоб центральный был по центру

Ничего в голову не приходит, пробовал всякие grow и shrink, всё так-же криво

я не шарю совсем, но может поиграться с порядком вывода элементов

как они там спавнятся

короче похоже не, над другое

Впадлу щас проверять самому но мне кажется проще всего вкинуть этому центральному блоку position: absolute , шлепнуть ему z-index а боковые позиционировать относительно друг друга

https://codepen.io/grimmino/pen/QWJNVWK
так?

Пара вариантов есть.

А) задаёшь фиксированные размеры для крайних элементов.

Б) делаешь центральный элемент position:absolute и центруешь только его.

Semenofsky сказал(а):↑

Имеется флекс блок, в котором расположен другой флекс бокс с пятью или более элементами

Любой из этих параметров приводит к тому, что блок находится идеально по центру

Дальше. Если добавить элементы справа и слева, то центральный блок укатывается в какую либо сторону, в зависимости от размера элементов справа и слева

Так вот. Как сделать чтобы центральный элемент всегда был идеально по центру, не обращал внимание на крайние, или чтобы они приравнялись как-то, главное чтоб центральный был по центру

Ничего в голову не приходит, пробовал всякие grow и shrink, всё так-же криво

Нажмите, чтобы раскрыть...

Самый простой вариант - 3 блока

Центральный блок - flex 0, 0

Боковые - flex 1

В итоге в боковом блоке пишешь что хочешь и всё