После обновления chrome 69 flex box создает проблемы в макете

Question

После обновления chrome 69 flex box создает проблемы в макете. Дети из гибкой коробки выскочили и сместились к вершине.

Answer 1

Хитрость заключается в том, чтобы отображать свойства порядка или css.Поэтому не все сталкиваются с этой проблемой.

Когда мы предоставляем несколько свойств для flex, chrome 69 требует, чтобы мы указывали их в определенном порядке.

«display: flex» должно быть после «display»: -webkit-box "

Правильный код

display: -webkit-box;
display: flex;

Код, выдающий ошибку

display: flex;
display: -webkit-box;