CSS3Flexbox该怎么使用？

一、前言

Flexbox 是一个 CSS3 的盒子模型 ( box model )，顾名思义它就是一个灵活的盒子 ( Flexible Box )，为什麽最近这个属性才红起来呢？最主要也是因为 CSS3 的规范终于普及 ( 或 IE 终于败亡 )，加上行动装置的发展促成了响应式布局兴起，自适应长宽弹性相当大的 Flexbox 就趁势而起了。

第一步要来看 Flexbox 的盒子模型，根据 W3C 文章所描述，flex 的盒子模型如下图所呈现，与一般的盒子模型不同的地方，在于 Flexbox 的盒子模型具有水平的起点与终点 ( main start、main end )，垂直的起点与终点 ( cross start、cross end )，水平轴与垂直轴 ( main axis、cross axis )，然后元素具有水平尺寸与垂直尺寸 ( main size、cross size )，这些都是相当重要的布局规画。

以上就是 Flexbox 的完整介绍，想不到一个 CSS3 的属性，可以花费这麽大一篇来介绍，不过也因为有了这个新的属性，让在做 layout 的佈局又更加弹性。

以上就是CSS3 Flexbox该怎么使用？的详细内容，更多请关注其它相关文章！