老的基础技术大家在上课时都可以知道，我为大家带来一个我感觉还可以的css布局代码：display：flex；
这是一种2009年W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex是Flexible Box的缩写，意为”弹性布局”
flex的是针对父元素仅仅只有下一级子元素
flex的优先级较高，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效
可以将flex-direction，flex-wrap，flex-flow，justify-content，align-items，align-content这六个属性设置到父元素上来布局子元素的排列
flex-direction属性决定主轴的方向（即项目的排列方向）
flex-wrap属性定义，如果一条轴线排不下，如何换行
justify-content属性定义了项目在主轴上的对齐方式
align-items属性定义项目在交叉轴上如何对齐
align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用
flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap
更多详细内容想了解的同学请参考http://www.runoob.com/w3cnote/flex-grammar.html
|
|
收藏
淘帖
踩
