0
点赞
收藏
分享

微信扫一扫

关于Flex布局、Flex容器

Gascognya 2022-01-05 阅读 42

Flex容器的属性

1). flex-direction:
①决定主轴的方向(即项目的排列方向)
②参数:row | row-reverse | column | column-reverse

在这里插入图片描述

2). flex-wrap属性
在这里插入图片描述

3). flex-flow

在这里插入图片描述

4). justify-content
justify-content属性定义了项目在主轴上的对齐方式。
在这里插入图片描述

5). align-items
align-items属性定义项目在交叉轴上如何对齐。
在这里插入图片描述

6).align-content
align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用。
在这里插入图片描述
在这里插入图片描述

举报

相关推荐

0 条评论