justify-content: flex-start 使子元素从主轴起点排列，靠左或靠上对齐；center 则将子元素整体居中，两端留白相等，实现居中布局。
在 CSS Flexbox 布局中，justify-content: center 和 justify-content: flex-start 都用于控制弹性容器中子元素在主轴（main axis）上的对齐方式，但它们的行为有明显区别。
justify-content: flex-start
这是 默认值。它会让所有子元素从主轴的起点开始排列，紧密贴靠在容器的一侧。
• 如果容器是水平方向（默认 row），子元素会靠左对齐。• 如果容器是垂直方向（column），子元素会靠上对齐。
• 不留多余间距，元素紧挨着主轴起点排列。
justify-content: center
将所有子元素整体居中对齐在主轴上，元素之间的间距保持一致，首尾元素与容器边缘的距离也相等。
• 在水平容器中，元素会在水平方向居中（左右居中）。
• 在垂直容器中，元素会在垂直方向居中（上下居中）。
• 容器主轴两端留白相同，视觉上居中显示。
简单来说：flex-start 是对齐到开头，center 是居中对齐。选择哪个取决于你希望内容在容器中的位置——贴近起始边，还是居中展示。
立即学习“前端免费学习笔记（深入）”；
基本上就这些。
