发表于: 2019-09-10 19:40:45

1 890


弹性盒子flex对网页布局真的是非常灵活,任何一个容器都可以指定为 Flex 布局,而且行内元素也可以整flex布局,例如.box{display:inline-flex}想咋整就咋整,相对于传动的盒子模型依赖 display 属性 + position属性 + float属性,局限性非常大,弄个垂直居中都要捣鼓半天,对于弹性盒子直接主轴+交叉轴安排。

display :flex 指定我要用弹性盒子的属性.默认就是水平排序了

  • justify-content :水平方向上对齐
  • align-items :垂直方向上对齐
  • align-content :针对- flex-warp 属性发生换行,具有的排列方式
  • flex  :针对某个元素按比例定义自身大小
  • 其余的属性还在理解中。




返回列表 返回列表
评论

    分享到