Как центрировать div внутри контейнера, даже если есть переполнение? ⇐ CSS

[Anonymous]

У меня есть страница, на которой есть флексбокс, охватывающий всю ширину страницы. Этот флексбокс имеет три элемента: overflow:hidden и justify-content:space-between. Это 3 элемента: Item1: 200 пикселей, Item2: 300 пикселей и Item3: 200 пикселей. Если пользователь изменит размер экрана до 600 пикселей, он больше не сможет отображать все элементы, поэтому последний будет обрезан, и мы увидим все 200 пикселей Item1, все 300 пикселей Item2 и только 100 пикселей Item3.
В этом случае мне хотелось бы показать 150 пикселей элемента 1, все 300 пикселей элемента 2 и 150 пикселей элемента 3 и продолжать этот шаблон при изменении размера экрана (всегда показывая все 300 пикселей элемента 2). Возможно ли это/просто с помощью CSS?

Подробнее здесь: https://stackoverflow.com/questions/791 ... s-overflow