CSS3Flexbox该怎么运用？-

文章来源：http:www.zhufengpeixun.cnarticle173一、前言Flexbox是一个CSS3的盒子模型(boxmodel)，望文生义它就是一个灵便的盒子(FlexibleBox)，为什麽比来这个属性才红起来呢？最主要也是由于CSS3的标准终于普及(或IE终于败亡)，加上动作装置的开展促成了相应式布局鼓起，自顺应长宽弹性相当大的 文章来源：

一、前言

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该怎么运用？的细致内容，更多请关注 百分百源码网 其它相干文章！