为什么调整大小后flex中的`text-align：center`会破坏布局？

Question

我对@9​​87654328@ 和flex 有疑问。

这里是example我从当前项目中分离出来来研究这个问题：

虽然它很宽 >940px window width，但它看起来还不错，在它下降到 940px 下方之后，它会更改为其他布局 - 到目前为止没有问题。

问题是，在重新调整到更宽的尺寸后，它仍然损坏；_;

我不明白为什么会这样。

1. 看起来不错，

2. 在缩小尺寸后（使用其他布局）

3. 但在调整大小后不会回到 1) 步骤

进展：

• 我通过测试发现禁用和启用text-align: center 使它再次看起来很好（使用开发工具）。也许是一些渲染错误和重新添加定位样式（如text-align）使其重新渲染整个部分？
• 当它是<940px 时，我尝试使用display: none，但它没有帮助。我认为它与其他布局无关（使用了<940px。

Answer 1

我已经在断点内更改了它，它不会像以前那样中断。你指的是这种行为吗？

display: flex;
justify-content: space-between;
align-items:center;
flex-direction: row;