css3笔记——弹性盒模型(Flexible Box Module)简介

css3在css2的基础上新增了盒模型的属性,提出了弹性盒模型的概念。 首先使用弹性和模型(Flexible Box Module),需要定义父容器display的属性,但因为Flexible经常变动具体的属性值有所不同(参考): 2009年以前display为box或者inline-box、box-{*}。 2011年,设置display为flexbox或者flex()函数。 2012-2013最新的则是display:flex; 或者flex-{*}。 注:弹性盒模型只有chrome和FF支持。 box-orient定义盒子的布局取向 box-orient定义了盒子内元素的流动布局方向,属性有 horizontal 从左到右在一条水平线上显示子元素。 vertical:从上到下在一条垂直线上显示子元素。 »