CSS3弹性盒模型可以轻松的创建自适应浏览器流动窗口的布局或自适应字体大小的布局。同时该盒子决定了一个盒子在其他盒子的分布方式，及如何处理可用的空间。

自己写了一个弹性盒子的demo：

主要HTML代码：

    
     
     
      1
     
     
     
      2
     
     
     
      3
     
     
     
      4
     
 
    
 CSS代码：

 在不用 webkit-box-align:center;webkit-box-pack:center;这两个属性的情况下div分布情况；

在使用box-align:center;box-pack:center;情况下，为了方便没写指定内核属性如webkit/moz

最后如有不恰当的地方还希望大家指正；谢谢。