弹性盒子模型是CSS3最新引进的盒子模型处理机制,使用弹性盒模型,可以实现盒元素内部的各种布局,包括排列方向、排列顺序、空间分配和对齐方式等,大大增强了布局的灵活性,可以轻松地设计出自适应浏览器窗口的流动布局或者自适应大小的弹性布局。
    新增的盒子模型的相关属性

    属性 说明
    box-orient box-orient属性用于定义盒子分布的坐标轴
    box-align box-align属性用于定义子元素在盒子内垂直方向上的空间分配方式
    box-direction box-direction属性用于定义的显示顺序
    box-flex box-flex属性定义子元素在盒子内的自适应尺寸
    box-flex-group box-flex-group属性用于定义自适应子元素群组
    box-lines box-lines属性用于定义子元素分布显示
    box-ordinal-group box-ordinal-group属性用于定义子元素在盒子内的显示位置
    box-pack box-pack属性用于定义子元素在盒子内水平方向上的空间分配方式