<p>justify-content-between 没生效是因为父容器未添加 d-flex 类——所有 justify-content-* 类仅在显式声明的 Flex 容器（d-flex 或 d-inline-flex）上有效，且必须作用于直接父级。</p>
justify-content-between 为什么没生效
因为父容器没加 d-flex —— 所有 justify-content-* 类只在显式声明的 flex 容器上起作用。光写 justify-content-between，浏览器根本不知道你在对齐谁。
- 检查目标元素的直接父级是否含有
d-flex或d-inline-flex - 别把
justify-content-between加在.text-center容器上：两者底层机制冲突，text-align不会响应 Flex 对齐类 - 如果父级是
.row，它虽是 Flex，但子元素是.col，对齐类得加在.col上才影响其内部内容
两个文字块一左一右的标准写法
用 ms-auto 推右边那个，比依赖 justify-content-between 更稳，尤其适合按钮、链接、图标等原子组件。
- 结构示例：
<div class="d-flex"> <span>取消</span> <span class="ms-auto">确认</span> </div>
-
ms-auto是margin-inline-start: auto，在 LTR 页面中等价于margin-left: auto，天然把元素顶到最右 - 别给左边元素加
me-auto，它会把右边内容挤出视口 - 响应式下依然可靠：小屏宽度收缩时，
ms-auto仍能保证右侧文字贴边
三个文字块要视觉均匀，别硬用 between
三项目用 justify-content-between 时，首尾贴边、中间留两个等宽间隙，但字数不同 → 渲染宽度不同 → 人眼觉得中间偏右。这不是 bug，是 Flex 标准行为。
- 真要视觉等距，优先用
justify-content-evenly（Bootstrap 5.3+ 支持）：首项前、项间、末项后间隙全部等宽 - 旧版 Bootstrap 或需兼容？手动给每个子项加
flex: 1+text-center，强制等宽分配 - 避免给子项设
min-width或w-100，会锁死 Flex 的间隙计算逻辑 - 移动端失效常见原因：容器总宽小于所有文字块宽度之和，Flex 没剩余空间可分，
between自动退化为左对齐
text-justify 不是用来“两端对齐中文”的
text-justify 在中文场景下几乎无效。它依赖单词间的空格断行，而汉字之间无空格，各浏览器渲染结果不一致，正式产品慎用。
- 想让一段中文「视觉上撑满整行」，别指望
text-justify；改用 Flex 布局 +justify-content-between分割标签与值 - 例如：
Email左对齐、user@example.com居中，就得用d-flex justify-content-between包裹两个独立<span>，而不是塞进一个<p class="text-justify"> - 同一段落内无法混合对齐——
text-start/text-center作用于整块元素，不是局部控制
justify-content-evenly 需 ≥5.3），都会让对齐效果彻底失效。 
