Как настроить флексом? Зелёный блок центруется по центру, остальные прижимаются

1. Делаешь линию из трех дивов, одинаковой ширины (через флекс) 2. Внутрь каждого из трех дивов вкладываешь еще див и опять флексами выравниваешь как тебе надо (слева, по центру, слева)

0

29.09.2021

Denis Deniskov

A F
Слушай space between же не выставит зелёный блок в...

Такая структура получится примерно

0

29.09.2021

A F Автор вопроса

Denis Deniskov
1. Делаешь линию из трех дивов, одинаковой ширины ...

Да, тоже думал об этом - только одинаковые размеры задать не всем, а только боковым - через calc например

0

29.09.2021

A F Автор вопроса

Denis Deniskov
Такая структура получится примерно

Merci (спасибо)

0

29.09.2021

Denis Deniskov

A F
Да, тоже думал об этом - только одинаковые размеры...

Калк не нужен. На моем скрине контейнеры b должны заниматься выравниванием вложенного дива через флекс. При этом все .b одинаковой ширины, а див внутри будет разный. b это для примера, из надо назвать как нибудь left/center/right

0

29.09.2021

A F Автор вопроса

Denis Deniskov
Калк не нужен. На моем скрине контейнеры b должны ...

Ну смотри - все три контейнера будут шириной примерно в 33% (или меньше - смотря какую ширину задать). А вдруг самый первый контейнер будет шириной в 40%.

0

29.09.2021

Denis Deniskov

A F
Ну смотри - все три контейнера будут шириной приме...

Из твоего первого рисунка это было не понятно, у любого решения будут ограничения (в данном случае ширина блока не больше 33% контейнера). Для 40 можно сделать если сделать 3 дива друг под другом, на 100% ширины контейнера(а не 33%), потом их либо абсолютным позиционированием один под над другим разместить, либо отрицательными марджинами. Тогда будет проблема с высотой блоков и это вообще суперкостыль какой-то получится. Также может быть что левый будет размером в 51%, тогда по центру блок вообще поставить не получится.

0

29.09.2021

A F Автор вопроса

Denis Deniskov
Из твоего первого рисунка это было не понятно, у л...

Да, конечно надо следить за максимальными размерами

0

29.09.2021

A F Автор вопроса

Denis Deniskov
Из твоего первого рисунка это было не понятно, у л...

И да рисунок был весьма плохой. Абсолютное позиционирование тоже вариант. Спасибо. Я просто пытаюсь в флексах разобраться. Перебираю старые работы, и смотрю как можно было решить флексами.

0

29.09.2021

Combot

A F (0) увеличил репутацию Denis Deniskov (3)

0

29.09.2021