本文回顾了CSS flex布局的关键属性，如flex-direction、justify-content和align-items，并通过实例讲解如何使用flex布局来绘制一个3点的骰子。强调实践操作的重要性以加深对flex的理解。
常用语法回顾
- flex-direction
主轴方向，可以是横向或是纵向 - justify-content
主轴对齐方式，开始对齐，结束对齐，居中对齐，两边对齐 - align-items
纵轴方向的对齐方式 - flex-wrap
是否换行 - align-self
子元素在纵轴上的对齐方式
上面列举的几个基本要烂熟于心，其它的有印象就行
画骰子
这个题是面试中考察flex布局的常考方式
下面举例，完成一个3点的骰子
1.父元素设置display:flex; justify-content:space-between
2.第二个子元素：align-self:center
3.第三个子元素：align-self:flex-end
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
