容器属性:align-items(项目在交叉轴上的布局)-51CTO学堂-css 布局属性

下载学堂APP

缓存视频离线看

下载学堂APP

缓存视频离线看

课程介绍

讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}

适合人群

前端开发人员,有html基础的同学,想学习前端开发的同学

你将会学到

学习并学习flexbox中的容器属性与项目属性，使用它进行实战布局

课程简介

本课程主要分为以下四章进行讲解：

第一章、Flexbox简介与基础概念

主要对Flexbox的产生背景以及使用场景做一个介绍，同时在宏观层面介绍Flexbox的基础概念，为后面的学习做好准备。

第二章、Flexbox容器属性详解与代码演示

对Flexbox中的容器属性进行讲解，并通过代码演示该属性每个属性值代表的含义与需要注意的地方，以帮助同学们更好地学习容器属性的使用。

第三章、Flexbox项目属性详解与代码演示

对Flexbox中的项目属性进行讲解，并通过代码演示该属性每个属性值代表的含义与需要注意的地方，以帮助同学们更好地学习项目属性的使用。

第四章、Flexbox项目实战演示

通过实战案例演示容器属性与项目属性是如何应用在具体项目中的，加强flexbox容器属性与项目属性的理解，使得同学们能够学以致用。

本课程采用连载方式更新，所有章节预计30课时，已录制好的课时先开放给同学们进行学习，剩余章节每周至少更新5课时，直至课程所有章节更新完毕

展开更多

发布

置顶笔记

{{ item.create_time }}{{ Number(item.like_count) || '' }}回复

{{ subitem.create_time }}{{ Number(subitem.like_count) || '' }}回复

删除

发布

{{ noteHeaderTitle }} 笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}

优质笔记

更新于：{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}

公开笔记对他人可见，有机会被管理员评为“优质笔记”

{{ noteEditor.content.length }}/2000

公开笔记

保存

提问

讲师收到你的提问会尽快为你解答。若选择公开提问，可以获得更多学员的帮助。

记录时间点

记录提问时视频播放的时间点，便于后续查看

公开提问

提交