HTML5+CSS3+JavaScriptWeb前端开发项目教程

Flex轻松实现元素居中

学习目标/Target熟悉弹性盒子实现块元素居中的方法。掌握justify-content和align-items两个属性实现元素居中的方法。完成水平垂直居中的登录框案例

justify-content属性控制主轴方向上的对齐方式：center表示让子元素在主轴方向居中显示，同时还可设置为flex-start、flex-end、space-between等不同的对齐方式。justify-content:center注意：当主轴是横向时，justify-content:center控制水平居中；