CSS Flexbox 布局

justify-content: space-between; 是 CSS Flexbox 布局中用于在弹性容器主轴方向均匀分布子元素的属性值，其核心特性如下：

作用效果

• ‌首尾贴边‌：第一个子元素紧贴容器起始端（如水平布局的左侧），最后一个子元素紧贴容器终点（如右侧）。
• ‌中间等距‌：剩余空间被均匀分配到所有中间子元素之间，确保间距相等。 ‌
  

适用场景

• ‌导航栏布局‌：左侧放置品牌标志，右侧放置导航链接，中间间隔均匀分布。 ‌
  
• ‌卡片布局‌：多列卡片两端对齐且间距相等，适用于响应式设计。 ‌
  
• ‌表单布局‌：多个输入框或表单元素均匀分布。 ‌