优秀程序员web前端技术分享css3旧版flexbox1、display:boxdescription:（必须加前缀）设置flexbox使用以下属性，必须在父:box中设置显示；2。Box-orient说明：如果在parent上设置该属性，则children将水平或垂直排列。 注意：所有主流浏览器都不支持该属性，必须加上前缀。 1)horizo??ntal横向排列，child的总宽度=parent的宽度。如果parent有固定宽度，child设置的宽度无效，child会填满parent的宽度。 2)vertical垂直排列，孩子的总身高=父母的身高。如果parent的高度是固定的，那么child设置的高度是无效的，child会填充parent的高度。3.盒装说明：设置在parentlevel，child的水平对齐方式。(父容器中的主轴对齐) 1)start水平左对齐 2)end水平右对齐 3)center水平居中对齐垂直对齐。（父容器中子容器的侧轴对齐） 1）开始垂直顶部对齐 2）结束垂直底部对齐 3）中心垂直居中对齐 4）拉伸拉伸高度child的高度，与父母设置的高度相匹配。儿童身高无效。5.Box-direction说明：在parent上设置该属性，确定children的顺序。 1)normal默认值，子元素按html顺序排列 2)reverse倒序6.box-flex说明：1)numbershareofthewidthoftheparentelement 2)ifthechildelement设置为固定宽度，则子元素应用固定宽度，其他未设置固定宽度的word元素将使用剩余的父级宽度（固定宽度的父子元素的总宽度根据 number设置占份数 3）如果子元素有margin值，剩余的（父宽度-子固定总宽度-总margin值）width占number部分4.CSS3multi-columnCSSmulti-column（属性需要加前缀）1.Column-count说明：该属性指定元素应该分隔的列数适用于：除了table，table-之外的非替换块级元素cells、inline-block元素2、column-gap描述：属性指定列之间间隔的大小3、column-rule描述：设置或获取对象的列之间的边框。复合属性。column-rule-color指定列之间规则的颜色。column-rule-style指定列之间的规则样式。column-rule-width指定列之间的规则宽度。4、column-fill描述：设置或获取对象所有列的高度是否统一auto：Columnheightadaptivecontentbalance：所有列的高度由最高列统一（默认值）5、Column-span描述:设置或检索对象元素是否跨越所有列。none：不跨列all：跨越所有列6、column-width描述：设置或获取对象每列的宽度7、columns描述：设置或获取对象的列数和每列宽度.复合属性<'column-width'>||<'column-count'>例子：columns:100px3;注意：InternetExplorer10和Opera支持多列属性。Firefox需要前缀-moz-。Chrome和Safari需要前缀-webkit-。
