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

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

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

当我们为flex提供多个属性时，chrome 69要求我们提供特定的订单

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

正确代码

display: -webkit-box;
display: flex;

产生错误的代码

display: flex;
display: -webkit-box;

---

我就是这么想的。我在一个使用Vue/Vuetify的项目中，由于

flex:1，我的
突然变得非常高属性。这篇文章是针对更新到chrome browser版本69后对页面布局造成的主要影响而写的。我删除了flex basis，它看起来不错。最后（在前缀版本之后）替换W3C Unfixed属性是标准做法。这总是被推荐的。没错。但如果顺序不同，则会在chrome浏览器升级到69版后，在布局上造成重大问题。许多人会受到影响，坐在那里毫无头绪。这篇文章是为了帮助他们。后者不是完全超越了他们吗？是的，但如果发生这种情况也没关系<代码>显示：flex

是新属性，因此覆盖

显示：-webkit-box总是很好的使用它。需要
显示的浏览器：-webkit框不支持
显示：flex因此不会发生任何覆盖。