Flexbox 按钮：在 Chrome 和 Edge 中工作，在 FF 中损坏 [重复]

【问题标题】：Flexbox Button: Works in Chrome and Edge, broken in FF [duplicate]Flexbox 按钮：在 Chrome 和 Edge 中工作，在 FF 中损坏 [重复]
【发布时间】：2016-08-19 21:12:26
【问题描述】：

我有一个使用 Flexbox 进行布局的按钮。这在 Chrome 和 Edge 中完美运行。

在 Firefox 中是这样的：

【问题讨论】：

忽略屏幕截图中的语言更改

标签： css html firefox flexbox

【解决方案1】：

在某些浏览器中，而不是使用类似：display: flex; 你需要使用：display: -webkit-flex;

您可以从 Google 获得其他解决方法，但我在不确定的特定领域使用 css-tricks。

我前段时间遇到过这个问题，webkit 扩展可以正常工作。你可以在上面加上display: flex;下面，不会冲突。

更新：对于 Firefox 尝试添加：display: -moz-box;

【讨论】：