ZiMingの宝藏之地
首页项目归档笔记照片墙音乐灵境说说杂谈友链关于
知识库
138 篇文档 / 65 个目录
目录菜单
主页知识库
飞书飞书知识库/前端/CSS/flex 布局

flex 布局

同步时间:2026-05-28T14:46:00

https://yebd1h.smartapps.cn/pages/blog/index?blogId=119181163&_swebfr=1&_swebFromHost=baiduboxapp

  • 一、基础概念*

首先,我们需要了解一下 Flex 布局中的一些概念和术语:

flex 容器(flex container)

flex 项目(flex item)

主轴(main axis)

交叉轴(cross axis)

占用主轴空间(main size)

占用交叉轴空间(cross size)

线轴起止点(main start、main end、cross start、cross end)

在图1-1 非常清晰的展示了这些概念的相互关系。

图片

图1-1 Flex 容器