uni-app：Flex布局语法解析，2024年最新春招面试时会问什么问题_flex面试

[]( )二、基本概念

=========================================================================



采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。  

它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目”。



![请添加图片描述](https://img-blog.csdnimg.cn/de67982e617243f59c19bd35ebfdc1ec.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAcmF0dGFuY2hlbg==,size_17,color_FFFFFF,t_70,g_se,x_16)



容器默认存在两根轴：



> 水平的主轴（main axis）  

> 垂直的交叉轴（cross axis）。  

> 主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；  

> 交叉轴的开始位置叫做cross star
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29