CSS弹性盒子模型

    

    


  /*
        
        ## 弹性盒子解释
            - CSS3 弹性盒子(Flexible Box 或 Flexbox)，是一种用于在页面上布置元素的布局模式，使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时，元素可预测地运行
        
        ## 弹性黑子布局概念
        - 块级布局更侧重于垂直方向、行内布局更侧重于水平方向.弹性盒子布局算法是方向无关的
            - 弹性盒子布局主要适用于应用程序的组件及小规模的布局
            - 而（新兴的）栅格布局则针对大规模的布局
        
        ## 弹性盒子相关词汇

        ## 定义弹性盒子
            - display:flex;
            - display:inline-flex;

        ## 弹性盒子须知

        ## 弹性盒子相关属性
            - 多栏布局模块的 column-* 属性对弹性项目无效。
            - float 与 clear 对弹性项目无效。使用 float 将使元素的 display 属性计为block。
            - vertical-align 对弹性项目的对齐无效。 (vertical-align=>用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。)

        */