flex布局

flex布局

它又叫伸缩布局、弹性布局、伸缩盒布局、弹性盒布局

特点:相比于传统布局,代码少,布局快,度移动端兼容性好(移动端首选

它与传统盒子不同,不需要考虑子元素是块级元素还是行内元素

属性:

  flex-direction: 确认主轴方向,默认row

  align-items: 考虑侧轴对齐方式   (控制的是单行)

  justify-content: 控制子元素在主轴上对齐方式

  flex-wrap: 是否换行

  flex-flow: 复合属性,一般不用

  align-content: 控制子元素(多行)在侧轴对齐方式

  align-self: 控制单个项目在侧轴上自己的对齐方式

 

你可能感兴趣的:(flex布局)