像素比
{{ interaction.likeNum == 0 ? (pageType === 'video' ? '抢首赞' : '点赞') : formatNumber(interaction.likeNum) }}
{{ interaction.collectionNum == 0 ? '收藏' : formatNumber(interaction.collectionNum) }}
{{ interaction.discussNum == 0 ? (pageType === 'video' ? '抢沙发' : '讨论') : formatNumber(interaction.discussNum) }}
分享
适合人群
前端开发人员
你将会学到
掌握对flex的学习,可以让开发者的代码掌握移动端的布局。
- 完成移动端布局
- 响应式
课程简介
传统的布局解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。
2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。
Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。
展开更多
{{tips.text}}
{{ noteHeaderTitle }}
笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}
{{ hasMyNote ? '我的笔记' : '记笔记' }}
优质笔记
更新于:{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}
{{ detail.username }}
公开笔记对他人可见,有机会被管理员评为“优质笔记”
{{ noteEditor.content.length }}/2000
公开笔记
保存提问
讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。
记录时间点
记录提问时视频播放的时间点,便于后续查看
公开提问
提交课程大纲
自动连播
148课时
HTML和CSS实战企业官网
2387人学习
虎哥说it
4.8
¥49.00
24课时
极简Bootstrap入门课程
743人学习
虎哥说it
5.0
¥39.00
33课时
Flex弹性盒模型-解析移动端布局技术
533人学习
虎哥说it
4.9
¥49.00
26课时
WEB前端技能视频课程-rem移动端布局
128人学习
虎哥说it
5.0
¥99.00
42课时
HTML和CSS 6小时学习经典视频教程
1473443人学习
Helen老师 - 姚环
5.0
会员免费
57课时
HTML网页开发8小时轻松学习【燕十八】
940783人学习
燕十八(刘道成)
5.0
免费
92课时
Xhtml实战视频教程【李炎恢老师】
693506人学习
李炎恢
5.0
会员免费
38课时
HTML5和CSS3新特性视频教程
634428人学习
Helen老师 - 姚环
5.0
会员免费