Using flexbox

 

这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀.由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变.

flexbox属性提供一个改进的方式来对网页上的元素进行布局.

注意: 最新flexbox标准 已经被起草,用来改进旧版flexbox标准.目前,大部分浏览器实现了先前旧版的标准. 两种实现使用不同的CSS前缀(box- 和 flex-), 因此两者可以在浏览器里同时实现.,本文对两种实现都做简要介绍.

box- 实现

规范

flex- 实现

规范

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
box- implementation Supported Supported Not supported Not supported Supported
flex- implementation Supported Not supported Not supported Not supported Not supported
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
box- implementation Supported Not supported Not supported Not supported Supported
flex- implementation Not supported Not supported Not supported Not supported Not supported

文档标签和贡献者

 此页面的贡献者: ziyunfei
 最后编辑者: ziyunfei,