align-content 和 align-items  :

1:共同点:它们对齐方向为交叉轴

2:不同点:align-content 应用于为 多行   而 align-items:应用于单行。

单行对齐例子:

align-content 与 align-items 区别

display: flex;
justify-content: space-around;
align-items: center;

多行对齐例子

align-content 与 align-items 区别

display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-content: center;

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-12-21
  • 2022-12-23
  • 2021-06-05
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-04-05
  • 2021-12-20
  • 2021-10-05
  • 2022-02-09
相关资源
相似解决方案