1. Flex布局基础知识
⑴ Flex弹性布局。任何一个HTML元素都可以指定为flex布局。
Display:inline-flex; flex容器是内联块元素
Display:flex;flex容器是块级元素
⑵ flex容器:采用flex布局的元素称为flex容器。
⑶ Flex项目:flex容器的所有子元素自动成为容器成员,称为flex项目。
⑷ 默认情况下,水平方向的是主轴,垂直于主轴方向的轴就是交叉轴。
Flex
1. Flex布局基础知识
⑴ Flex弹性布局。任何一个HTML元素都可以指定为flex布局。
Display:inline-flex; flex容器是内联块元素
Display:flex;flex容器是块级元素
⑵ flex容器:采用flex布局的元素称为flex容器。
⑶ Flex项目:flex容器的所有子元素自动成为容器成员,称为flex项目。
⑷ 默认情况下,水平方向的是主轴,垂直于主轴方向的轴就是交叉轴。
Flex