Flex 例子

September 7, 2014

第一个例子：图片垂直水品自适应居中

第二个例子：flex-direction 伸缩方向

第三个例子：justify-content 主轴对齐方式

第四个例子：align-items 侧轴对齐

第五个例子

属性列表：

父：

display:flex;
align-content
align-items
justify-content
flex-flow:
- flex-direction: row ,row-reverse , colmn , column-reverse
- flex-wrap: nowrap , wrap, wrap-reverse

子：

order
align-self
flex:
- flex-grow : 初始值0，在flex中被忽略时为1
- flex-shrink : 初始值1，在flex中被忽略时为1
- flex-basis : 初始值未auto，在flex中被忽略时为0%