导入
Flexbox 项目属性简介
在学习如何控制 Flexbox 容器之后,现在是时候自定义各个 Flexbox 项目了。
在上一章中,我们学习了如何设置 Flexbox 容器。现在是时候关注 Flexbox 容器内的 Flexbox 项目了。
Flexbox 项目属性帮助我们为对齐规则和动态行为设置全局例外,从而影响每个 Flex 项目在空间不足时的伸缩表现。
我们将学习以下 Flexbox 项目属性:
align-selfflex-growflex-shrinkflex-basisflex
通过间隔重复的原则,我们将通过大量示例来学习 Flexbox,以可持续的方式掌握这项技能。间隔重复是一种技巧,即在逐渐增加的时间间隔内反复复习同一概念。例如,如果你今天接触到一个新概念,可以考虑明天、三天后、一周后、三周后、两个月后等时间点进行复习。你对某个概念越熟悉,两次复习之间的间隔就可以越长。
没有什么比一个交互式演示更能直观展示我们即将学习的内容了。请随意尝试新的属性和值,感受一下你即将学到的知识。