Flex 布局居中文字不换行解决方案

如果您使用 Flex 布局将元素居中，并且文字不换行，可以在容器中添加以下 CSS 代码：

display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;

其中，flex-wrap: nowrap 表示禁止文本换行。请注意，这可能会导致文本溢出容器。如果需要在特定宽度下自动换行，请使用 word-break: break-all 或 word-wrap: break-word。