CSS3 Flex布局与变换技术详解及应用实例.pdfVIP

Disy:flex;

Flex是FlebleBox的缩写，意为弹性布局，用来为盒状模型最大的灵

活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将

失效。

它即可以应用于容器中，也可以应用于行内元素。(以上说明结合开发者工

具说明)2009年，W3C提出了一种新的方案Flex布局，可以简便、完整、响

应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，

现在就能很安全地使用这项功能。

justify-content:center;

justify-content用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方

式。

align-items:center

align-items属性定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的

对齐方式。

perspective:800px;

perspective属性定义3D元素距视图的距离，以像素计。该属性允许您改变

3D元素查看3D元素的视图。

当为元素定义perspective属性时，其子元素会获得效果，而不是元素本

身。

transform-style:preserve-