css - chrome 69 更新后， flexbox 在布局中产生问题

Question

chrome 69 更新后， flexbox 在布局中产生问题。 flex box 的 child 弹出并向顶部移动。

Answer 1

诀窍在于顺序或 css 显示属性。所以不是每个人都会遇到这个问题。

当我们为 flex 提供多个属性时，chrome 69 要求我们按特定顺序提供。

“display: flex”应该在“display: -webkit-box”之后

正确的代码

display: -webkit-box;
display: flex;

产生错误的代码

display: flex;
display: -webkit-box;