Альтернатива gap для webkit?

Question

[photosho]

Есть какая-то альтернатива правилу "gap" для flex, которое не поддерживается в webkit?

https://jsfiddle.net/zaLdmn46/1/

Альтернатива в обход "margin", так как одним ":last-child {margin: 0px;}" не обойдешься, если на разных разрешениях разное количество элементов переносится на следующую строку.

Comments

[Ankhena]

Для флекса нет.
Есть margin у элементов и отрицательный margin у блока.
Есть justify-content.
Есть media и nth-child (дурацкий способ)

Что-нибудь еще, что сейчас не пришло в голову.

[WapSter]

Ankhena, photosho, самый действенный для меня, использовать сетку в %, что бы края ячеек прижимались к друг другу. К ячейкам добавлять padding в половину меньший отступу между блоками, сами ячейки использовать как обертку к блоку с контентом. Gap 50px края можно марджинами поправить.

[photosho]

Ankhena спасибо, метод "margin и отрицательный margin" оказался подходящим.

Answer 1

[Арсений Матыцин]

Есть костыль. Ну хотя как костыль, где-то, может, элегантное решение:
Скажем надо задать отступ в 50px.

.wrapper {
margin-top: -25px;
margin-bottom: -25px;
..
.child{
margin-top: 25px;
margin-bottom: 25px;

По такому же принципу сделана сетка почти всех CSS-фреймворков. Но перед использованием почитай про схлопывание отступов.

PS: ну а отступы в право и лево уже селекторами. Но это должно быть очевидным.