chrome 69 更新后，flex box 在布局中产生问题答案

【问题标题】：After chrome 69 update, flex box is creating issues in layoutchrome 69 更新后，flex box 在布局中产生问题
【发布时间】：2019-02-18 14:14:24
【问题描述】：

chrome 69 更新后，flex box 在布局中产生了问题。 flex box 的子元素弹出并移向顶部。

【问题讨论】：

【解决方案1】：

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

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

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

正确的代码

display: -webkit-box;
display: flex;

产生错误的代码

display: flex;
display: -webkit-box;

【讨论】：

将 W3C 无前缀属性放在最后（在前缀版本之后）是标准做法。总是推荐。
是的。但是如果顺序不同，在chrome浏览器更新到69版后会导致布局出现重大问题。很多人会受影响而无所适从。这篇文章是为了帮助他们。
后者不是完全覆盖了吗？
是的，但如果发生这种情况也没关系。 display: flex; 是新属性，所以用它覆盖 display: -webkit-box; 总是好的。需要display: -webkit-box; 的浏览器不支持display: flex;，因此不会发生任何覆盖。