知识点一: 如果想设置弹性布局,首先,我们要将几个需要布局模块的父元素设置一下容器属性 display:box
display :会有兼容性问题。所以需要加前缀 以火狐为例:加前缀 -moz-
例如:加了disolay :box 则会水平分布。若不加则垂直分布
知识点二:box-orient 属性
知识点三:box-direction 属性主要是设置伸缩容器中的流动顺序。
知识点四:box-pack 属性用于伸缩项目的分布方式
知识点五:box-align 属性用来处理伸缩容器的额外空间。
知识点六:box-flex 属性可以使用浮点数分配伸缩项目的比例
知识点7:box-ordinal-group 属性可以设置伸缩项目的显示位置。