标签:
Flex(弹性布局):
任何一个容器都可以指定为flex布局,行内元素也可以使用flex布局
webkit内核的浏览器,必须加上-webkit-前缀
采用Flex布局的元素,称为Flex容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称"项目"。
容器可以设置的属性共有六个
flex-direction:决定主轴的方向(即项目的排列方向)。
有四个值:
flex-wrap:定义,如果一条轴线排不下,如何换行。
三个值:
nowrap(默认): 不换行
wrap:换行,第一行在上方。
wrap-reverse:换行,第一行在下方。
flex-flow:flex-flow
属性是flex-direction
属性和flex-wrap
属性的简写形式,默认值为row nowrap
justify-content
属性定义了项目在主轴上的对齐方式。
有五个值:
align-items
属性定义项目在交叉轴上如何对齐。
、
align-content
属性定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用
插播一条关于absolute的消息:
absolute是关于父级元素来定位,如果父级元素没有设置position,那么absolute是根据浏览器的原点来定位
标签:
原文地址:http://www.cnblogs.com/shw13/p/5799782.html