当前位置：网站首页>flex布局回顾

flex布局回顾

2022-08-11 08:28:00 【大海里没有水】

一、flex介绍

1.认识flex

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

2. flex模型

在这里插入图片描述
在这里插入图片描述

下面开始介绍container的属性：

3. flex-direction

在这里插入图片描述

4. flex-wrap

在这里插入图片描述

5. flex-flow

在这里插入图片描述

6. justify-content

在这里插入图片描述

7.align-items

在这里插入图片描述

8. align-content

在这里插入图片描述

下面开始介绍item的属性：

9.order

在这里插入图片描述

10.align-self在这里插入图片描述

11.flex-grow

在这里插入图片描述

12.flex-shrink

在这里插入图片描述

13. flex-basis

在这里插入图片描述

14. flex

在这里插入图片描述

原网站

版权声明
本文为[大海里没有水]所创，转载请带上原文链接，感谢
https://blog.csdn.net/Anna_Liqi/article/details/126236815

边栏推荐

猜你喜欢

随机推荐