html - 使用灵活的框布局创建通用 HTML5/CSS3 网页

标签 html css layout webkit

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

我试着在网上查找,但无法找到解决我问题的满意方法。

谁能给点建议。

谢谢。

最佳答案

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

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

关于html - 使用灵活的框布局创建通用 HTML5/CSS3 网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16173906/

相关文章:

php - 查询 user_meta 表以在 wp_users 表中查找电子邮件

html - div中的两个 float div

Android 多面板工具栏

html - 在 iPhone Safari 的工具栏之间居中 div?

jquery - 中心 flexslider 图像

html - div 高度为 100%,但顶部和/或底部仍有空间

html - 保持元素高度与文本的实际高度相同

css - 在SASS中为不同的类添加一个类名

javascript - 有没有办法设置站点上图像的加载优先级?

html - Bootstrap 良好对齐