目录
4、justify-content:用于水平对齐flex 项目
5、align-items:用于垂直对齐 flex 项目
前言
之前我们了解了CSS中的盒子模型,但是我们发现盒子模型必须伴随浮动和定位,否则无法完成期望的页面布局,所以在CSS3中有了更加强大并且方便的方式:Flexbox(弹性框布局模块),可以更轻松地设计灵活的响应式布局结构,而无需使用浮动或定位。这就解决了PC端布局合理的页面在移动端或其他界面显示不合理的问题。
一、弹性盒子的三大核心元素
1、flex容器(父元素):采用flex布局的块级标签(div)