UI 设计 7 种排列方式
| 排列方式 | 说明 | 视觉效果 |
|---|---|---|
| Top / flex-start | 头部对齐 | 全部挤在最左边 / 最上边，后面留空 |
| Center / center | 居中对齐 | 全部挤在正中间，两边留白相等 |
| Bottom / flex-end | 尾部对齐 | 全部挤在最右边 / 最下边，前面留空 |
| SpaceBetween | 两端对齐 | 第一个贴左边，最后一个贴右边，中间均分空隙 |
| SpaceAround | 环绕分布 | 每个元素两侧的边距相等，两端只占半个间隔 |
| SpaceEvenly | 等间距分布 | 所有间隔（含两端）完全相等 |
| Equal Weight | 均分 | 忽略内容宽度，强制所有子元素拉伸填满，宽度均等 |