弹性布局
参考地址:https://www.cnblogs.com/hellocd/p/10443237.html
在 Flexbox 模型中,有三个核心概念:
- flex 项(注:也称 flex 子元素),需要布局的元素
- flex 容器,其包含 flex 项
- 排列方向(direction),这决定了 flex 项的布局方向
容器属性
- display:flex ——设置容器为弹性布局
- 常用属性

项目属性

弹性布局默认不改变项目的宽度,但是它默认改变项目的高度。如果项目没有显式指定高度,就将占据容器的所有高度。