- 1、本文档内容版权归属内容提供方,所产生的收益全部归内容提供方所有。如果您对本文有版权争议,可选择认领,认领后既往收益都归您。。
- 2、本文档由用户上传,本站不保证质量和数量令人满意,可能有诸多瑕疵,付费之前,请仔细先通过免费阅读内容等途径辨别内容交易风险。如存在严重挂羊头卖狗肉之情形,可联系本站下载客服投诉处理。
- 3、文档侵权举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
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控
您可能关注的文档
- Web前端开发项目教程 课件 7.1.2 响应式图片网页.pptx
- Web前端开发项目教程 课件 7.2.2 设计响应式音乐播放界面.pptx
- Web前端开发项目教程 课件 8.1.3 创建网页导航条.pptx
- Web前端开发项目教程 课件 2.1 规划页面的布局.pptx
- Web前端开发项目教程 课件 10.3.4-Flex实现左右两列布局.pptx
- Web前端开发项目教程 课件 2.3.2 文本格式.pptx
- Web前端开发项目教程 课件 3.1.1创建网站注册登录页面.pptx
- Web前端开发项目教程 课件 3.1.2创建网站注册登录页面.pptx
- Web前端开发项目教程 课件 3.2美化网站注册登录页面.pptx
- Web前端开发项目教程 课件 项目1-1Web前端基础知识 - HTML5+CSS3初体验.pptx
原创力文档


文档评论(0)