无论何时,都不要畏惧面试官,这只是一场技术交流而已!!!
一、flex布局的学习
- 采用Flex布局的元素,称为Flex容器(Flex container),简称"容器"。它的所有子元素自动成为容器成员,称为Flex项目(Flex item),简称"项目"。
- 每个弹性框布局包含两个轴,弹性项目沿其依次排列的那根轴称为主轴(main axis)。垂直于主轴的那根轴称为侧轴(crossaxis)。
- 弹性容器的主轴起点(main start)/主轴终点(main end)和侧轴起点(crossstart)/**侧轴终点(cross end)**描述了弹性项目排布的起点与终点。它们具体取决于弹性容器的主轴与侧轴中,由writing-mode 确立的方向(从左到右、从右到左,等等)。
- 根据弹性容器的主轴与侧轴,弹性项目的宽和高中,对应主轴的称为主轴尺寸(main size),对应侧轴的称为侧轴尺寸(cross size)。