justify-content属性:
justify-content属性定义了项目在主轴上的对齐方式
.box {
justify-content : flex-start | flex-end | center | space-between | space-around;
}
flex布局中的对齐方式区分

align-items属性
align-items属性定义项目在交叉轴上如何对齐
.box {
align-items : flex-start | flex-end | center | baseline | atretch;
}
flex布局中的对齐方式区分

align-content属性
.box {
align-content : flex-start | flex-end | center | space-between | space-around | stretch;
}
flex布局中的对齐方式区分
其中页面主轴和交叉轴如下所示:
flex布局中的对齐方式区分

相关文章:

  • 2022-12-23
  • 2021-12-16
  • 2021-12-02
  • 2021-11-13
  • 2021-12-28
  • 2021-11-24
  • 2022-12-23
  • 2021-12-10
猜你喜欢
  • 2022-12-23
  • 2021-07-17
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-02-14
  • 2022-12-23
相关资源
相似解决方案