使用justify-content来定义元素的对齐方式。

1.flex-start

默认元素在主轴上面左对齐  或者  向上对齐(设置flex-direction为column)

 

2.flex-end

默认右对齐  或者  向下对齐

 

3.center

居中

 

4.space-between

在元素与元素中间添加相同间隔的空隙,同时边缘的元素处于最左或者最右

 

5.space-around

在元素与元素之间添加间隔,同时 最边缘的元素到边界的距离     与   元素之间的间隙 比为1:2

 

注意:

假如设置对齐方向为column的时候,space-between和space-around没有生效,考虑是不是没有声明容器高度

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-07-08
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-06-05
  • 2022-12-23
  • 2021-11-27
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案