第11章 flex布局模型

移动端页面广泛使用flex布局。也称弹性布局(flex layout),弹性盒子布局(flexbox layout)。

flex布局的4项核心内容:flex line box、三类对齐、伸缩、相关FC。

flex模型布局完整示意图

img

本章主要内容:基本概念、flex调试、flex模型与规范规则、flex容器设置、flex子元素设置;flex容器设置包括:flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content、gap;flex子元素设置包括:flex-grow、flex-shrink、flex-basis、flex、order。


近期发布......