0

最近，我一直在阅读一些 HTML5/CSS3 教程。在其中一个教程中，他介绍了灵活盒模型。要使用它的功能，我们键入display:-webkit-box; -webkit-box-pack:center; -webkit-box-flex:1 我的问题是我只能在 Chrome 中使用它，但我想写一个通用的在 IE 和 Firefox 中使用此功能和其他（阴影、渐变）的 HTML5/CSS3 代码也是如此。

我尝试在网上查找，但无法为我的问题找到满意的解决方案。

有人可以提出任何建议。

谢谢你。

4

2 回答 2

1

我的问题是我只能在 Chrome 中使用它

和野生动物园！哎呀。

IE 显然-ms-box从版本 10 开始，Firefox 支持display: -moz-box，但 MDN 文章提到弹性盒规范预计将被其他东西取代。

我认为早期浏览器版本没有任何等价物。

这是一篇关于它的旧 Mozilla hacks 文章：

这是我可以使用的页面：

总的来说，flexbox 对于日常使用来说似乎是个废话。

于 2013-04-23T16:02:03.240 回答
1

并非所有浏览器都支持 Flexbox。您可以使用 Flexie 作为临时解决方案：http: //flexiejs.com/。Flexie 使用 Flexbox 的旧 (2009) 语法。

在这里可以看到浏览器对 flexbox 的支持：http: //caniuse.com/flexbox

于 2013-04-23T15:59:29.927 回答