flexbox在firefox和chrome中的统一行为？

2018-06-27 01:10:29

我试图使用flexbox作为导航栏，如下面的jsfiddle链接所示

http://jsfiddle.net/qq9pn/5/

它像firefox下的魅力一样工作 - 如jsfiddle页面所示，但在chrome中，第一个图标位于导航栏的中心，但第二个图标则从导航栏中被踢出。

我知道这一点

-webkit-box-flex:1.0; /* Chrome */

和

-moz-box-flex:1.0; /* Firefox */

在两种浏览器中表现不同，但我如何才能在两者中执行完全相同的Flexbox行为？

您不是在该测试用例的Firefox或Chrome中使用实际的CSS Flexbox。您在Firefox中使用XUL盒子，并且在Chrome中使用了一个非常古老且有问题的“flexbox”草稿。他们的行为完全不同，从目前的flexbox草案http://dev.w3.org/csswg/css-flexbox/

我建议不要使用-moz-box或-webkit-box，因为它们基本上非常破碎，并且会被移除，而不是固定的。

链接地址: http://www.djcxy.com/p/75623.html

上一篇: uniform behavior of flexbox in firefox and chrome?

下一篇: Should I ever use display: block, or should I always use display: flex?