基本信息
文件名称:Web前端开发项目教程 课件 10.3.3-Flex轻松实现元素居中.pptx
文件大小:6.82 MB
总页数:10 页
更新时间:2025-12-17
总字数:约小于1千字
文档摘要
HTML5+CSS3+JavaScript主讲人:王森Web前端开发项目教程
Flex轻松实现元素居中
学习目标/Target熟悉弹性盒子实现块元素居中的方法。掌握justify-content和align-items两个属性实现元素居中的方法。完成水平垂直居中的登录框案例
justify-content属性控制主轴方向上的对齐方式:center表示让子元素在主轴方向居中显示,同时还可设置为flex-start、flex-end、space-between等不同的对齐方式。justify-content:center注意:当主轴是横向时,justify-content:center控