为什么用flex
用来为盒状模型提供最大的灵活性,任何一个容器都可以指定flex布局。
- 更加符合响应式设计的特定。
flex-direction
代码演示:
justify-content剩余空间分布
align-items交叉轴的排列方式
align-items交叉轴: 不是主轴的排列方式。
代码示例:
align-content交叉轴的排列方式
align-items和align-content的区别
align-items:是单行(列)的排列方式
align-content:是交叉轴方向的整体的排列方式
align-items:
在这里插入图片描述
align-content:## 其他属](https://img-blog.csdnimg.cn/c56e1decd2f24d93b4b230988ed963e2.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjA1MTk4OA==,size_16,color_FFFFFF,t_70)
其他属性
设置给子元素