- CSS3 Flex弹性盒模型让布局飞起来
- flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间，它是 flex-grow、flex-
- 上架：2022-12-23 14:59:16 学习人数：242
- 介绍
- 目录
flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间，它是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。注意：如果元素不是弹性盒模型对象的子元素，则 flex 属性不起作用。
第2章
第二章
-
1
- 声明弹性盒子的几种方式
- 学习时长：03分56秒
-
2
- 改变弹性元素方向
- 学习时长：03分50秒
-
3
- 控制弹性元素溢出换行处理
- 学习时长：06分14秒
-
4
- 统一设置元素排列方式与换行
- 学习时长：01分44秒
-
5
- 主轴与交叉轴详解
- 学习时长：04分50秒
第3章
第三章
-
1
- 主轴元素的多种排列方式
- 学习时长：06分06秒
-
2
- 交叉轴元素的多种排列方式
- 学习时长：03分41秒
-
3
- 多行元素在交叉轴的排列方式
- 学习时长：05分05秒
-
4
- 弹性元素交叉轴控制
- 学习时长：02分33秒
-
5
- 元素可用空间分配
- 学习时长：03分47秒
第4章
第四章
-
1
- 布局小米移动端页面结构
- 学习时长：03分39秒
-
2
- 元素动态缩小的处理技巧
- 学习时长：03分57秒
-
3
- 主轴的基准尺寸的定义
- 学习时长：02分47秒
-
4
- 弹性元素组规则和定义
- 学习时长：03分19秒
-
5
- 控制弹性元素的排序
- 学习时长：03分06秒
第5章
第五章
-
1
- 弹性元素排序实例
- 学习时长：08分53秒
-
2
- 弹性布局操作文本节点
- 学习时长：02分29秒
-
3
- 定位元素在弹性布局中的表现
- 学习时长：02分47秒
-
4
- 弹性布局移动端通用菜单
- 学习时长：05分16秒
-
5
- 多级菜单的弹性布局
- 学习时长：07分07秒
-
6
- 使用margin自动撑满空间技巧
- 学习时长：05分06秒
课程推荐
更多>
-
视频- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 立即学习 2022/12/23 28:53
-
视频- CSS3最新教程快速入门通俗易懂
- 最新一期的CSS3入门教程，快速上手CSS必备课程。从基础到进阶，每一个小知识都带有小案例，让编程学习不再枯燥。
- 立即学习 2022/12/23 33:29
-
视频- 一天学会DIV+CSS布局（五大实战）
- 本课程通过五个实战案例让你快速掌握DIV+CSS布局。1.DIV+CSS标准化页面布局实战2.HTML5新特性页面布局实战3.响应式页面布局实战4.使用弹性盒移动页面布局实战5.用流行栅格框架布局页面实战
- 立即学习 2022/12/23 34:35
-
视频- 让布局像5G一样快：CSS Grid网格布局
- Grid(网格布局):在CSS中第一个真正意义上的布局技术,也是CSS布局的巅峰之作,彻底告别一维模式,一步跨入全新的二维空间布局新时代....
- 立即学习 2022/12/26 04:00