cssseries-flex

一、概念1、简介flex是“弹性布局”的意思，任何容器都可以使用flex布局。2.定义及用法flex是以下属性的简写：flex-grow表示有剩余空间时分配给item的比例flex-shrink表示空间不足时缩小item的比例flex-basis占用的空间主轴flex设置弹性项目的弹性长度。3、语法flex：flex-growflex-shrinkflex-basis|auto|initial|inherit；flex:1//等同于flex:01auto注：如果元素不是弹性项，则flex属性无效。InternetExplorer10及更早版本不支持flex-growflex-shrinkflex-basis属性。二、flex的用法1、flex-growflex-grow属性指定了item相对于同一容器中其他弹性item的增长，默认值为0（不扩大）。<样式>#main{宽度：350px；高度：100px；边框：1px实心#c3c3c3；显示：flex；}#maindiv：nth-??of-type（1）{flex-grow：1；}#maindiv：nth-??of-type（2）{flex-grow：3；}#maindiv：nth-of-type(3){flex-grow:1;}#maindiv:nth-of-type(4){flex-grow:1;}#maindiv:nth-of-type(5){flex-增长：1;}