发表于: 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 :针对某个元素按比例定义自身大小
- 其余的属性还在理解中。
评论