2013-04-23 76 views
0

最近,我已经浏览了一些HTML5/CSS3教程。在其中一篇教程中,他介绍了灵活框模型。要使用其功能,我们键入display:-webkit-box; -webkit-box-pack:center; -webkit-box-flex:1 我的问题是我只能在Chrome中使用它,但我想写一个通用的HTML5/CSS3代码,在IE和Firefox中使用此功能以及其他功能(阴影,渐变)。使用灵活框布局创建通用HTML5/CSS3网页

我试过在网上查找,但无法得到令人满意的解决方案,我的问题。

有人可以提出任何建议。

谢谢。

回答

1

我的问题是,我只能在Chrome

和Safari浏览器使用它!吉兹。

IE显然从版本10开始有-ms-box,而Firefox支持display: -moz-box,但MDN文章提到flexbox规范有望被其他内容替代。

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

这里是一个老的Mozilla黑客文章吧:

而这里的我可以使用页面:

总体而言,Flexbox的似乎对于日常使用来说是一笔不小的费用。

+0

雅我看到关于-ms框等,但他们似乎并没有工作。我的观点是,我应该如何编码我的网页,以便它可以在所有浏览器上运行。 – 2013-04-23 17:03:54

+0

@ user2029727:它不会在所有浏览器上运行。 (虽然如果它对你的目的至关重要,那么@ Martin的答案中的Flexie可能值得一试。) – 2013-04-23 23:20:09