Flex и центрирование?

Question

[misc1]

Есть ul с display:flex; justify-content: center;, в нем есть 3 элемента. Два элемента из них расположены по левому и правому краю с использованием margin-right: auto; и margin-left: auto; соответственно. При этом, все элементы (и левый, и тот, что по центру, и правый) имеют разные размеры. Из-за этого получается так, что элемент, который должен быть расположен по центру, располагается скорее по центру между остальными элементами, а не по центру страницы, как задумано изначально. Как можно заставить элемент по середине центрироваться от страницы и не обращать внимание на элементы слева и справа?
Пример

Answer 1

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

Не получится на флексах. Абсолютным если только положить центральный блок.
https://jsfiddle.net/webirus/1rfyhmcf/2/

И вот эта конструкция

justify-content: center; margin-right: auto; margin-left: auto;

имеет готовый аналог на флексах justify-content: space-between;
flexbox.help

Comments

[misc1]

А если я захочу ещё один блок по центру добавить? Там такая конструкция уже не сработает :(

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

misc1: Добавляйте внутрь центрального блока.

[misc1]

Sergey Goryachev: получилось, спасибо! :)