Как решить проблему flex-column в Safari?

Question

[BohdanchukVL]

Получил странный баг на сафари при верстке flex-column в flex-wrap-e. Для наглядности сделал пример https://codepen.io/BohdanchukVL/pen/ExYRXPv

В хроме ряд держится посредине и колонка как и колонка из трех элементов. В safari же align-content-center как буд-то совсем не работает. -webkit-align-items: center - не вариант, элементы отображаются по другому, тот-же content-between перестает работать.

Comments

[profesor08]

картинками покажи что тебе надо и что получается

[BohdanchukVL]

profesor08,

Answer 1

[fallus]

Ну, на счёт IE 2.0 не знаю точно, но можно дать:

.box {
  margin: auto 0
}

Или:

.container > * {
    margin: auto 0;
}

В зависимости от задачи.