欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

align-content 与 align-items 区别

程序员文章站 2023-02-21 12:07:23
align-content 和 align-items : 1:共同点:它们对齐方向为交叉轴 2:不同点:align-content 应用于为 多行 而 align-items:应用于单行。 单行对齐例子: 多行对齐例子 ......

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;