Как управлять отступами в flex контейнере с wrap элементом?

Question

[erhovs]

Есть флекс контейнер с отступами margin-top: 100px margin-bottom: 100px. Внутри div нем 8 блоков с примененным свойством flex-wrap., 4 сверху 4 снизу, как задать отступ только между этими блоками в 60px. .

Comments

[Евгений]

Попробуй margin-bottom: 60px;
По идее отступы должны накладываться и внизу не будет дополнительных пикселей... либо родителю поменяй на падинги, у флексов нет такого свойства как интервал между блоками... такое есть у гридов

[erhovs]

Евгений, пробовал, не получилось.(

[erhovs]

Решил проблему с помощью псевдокласса.

Answer 1

[zkrvndm]

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