Css样式可在Safari中使用，但在chrome / safari中显示不同。Flex在Chrome / firefox中的工作方式是否不同？我想念什么？

Question

我整天挠头，不知道看哪里。第一张图片（左图）是Safari的输出，这是我期望的结果，但在Chrome中以某种方式它的工作方式有所不同。我唯一的结论是flex在chrome上的工作方式有所不同，但我不确定。

我知道我的CSS可行，因为我可以在Safari中获得预期的输出。我希望有人可以指出正确的方向。任何建议或链接都​​非常感谢。谢谢。

Answer 1

Bro试试这个

display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

为我工作