CSS Flex 布局文字换行：设置文字长度超过限制时换行而不是省略

使用 CSS 的 word-wrap 和 word-break 属性，可以设置文字在 Flex 布局容器中，超过一定长度时进行换行，而不是省略。

word-wrap 属性用于指定是否允许长单词或 URL 地址换行到下一行，默认情况下，长单词或 URL 地址会溢出到容器之外。可以将其设置为 'break-word'，使得长单词或 URL 地址在必要时进行换行。

word-break 属性用于指定非 CJK（中日韩）文本是否可以被中断换行。可以将其设置为 'break-all'，使得非 CJK 文本在任意字符内换行。

以下是一个示例代码：

.container {
  display: flex;
}

.long-text {
  word-wrap: 'break-word';
  word-break: 'break-all';
}

在上面的示例中，.container 是一个 Flex 容器，.long-text 类用于包裹需要设置文字长度换行的元素。

使用上述 CSS 代码后，当 .long-text 元素中的文字超过容器宽度时，会自动进行换行，而不是省略。