How to solve flex-column issue in Safari?

Question

css

Got a weird bug on safari when laying out flex-column in flex-wrap-e. For clarity, I made an example https://codepen.io/BohdanchukVL/pen/ExYRXPv
In chrome, the row is kept in the middle and the column is like a column of three elements. In safari, align-content-center doesn't seem to work at all. -webkit-align-items: center is not an option, the elements are displayed differently, the same content-between stops working.

Answer 1

Well, I don't know for sure about IE 2.0, but I can give:

.box {
  margin: auto 0
}

Or:

.container > * {
    margin: auto 0;
}

Depending on the task.