Flexbox按钮:在Chrome和Edge中运行,在FF中断开

时间:2016-08-19 06:16:08

标签: html css html5 firefox flexbox

我有一个Button,里面使用Flexbox进行布局。这在Chrome和Edge中完美运行。

enter image description here

在Firefox中它看起来像这样:

enter image description here

1 个答案:

答案 0 :(得分:0)

在某些broswers中,而不是使用像sudo xcode-select -switch /Applications/Xcode-beta.app/ sudo xcode-select -switch /Applications/Xcode.app/ 这样的内容,您需要使用:display: flex;

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

前段时间我有这个问题,webkit扩展程序可以正常工作。您可以在display: -webkit-flex;下面添加它,但它不会发生冲突。

更新:对于Firefox,请尝试添加:display: flex;