文本换行策略对比 - overflow/break演示

overflow-wrap: break-word 仅在长单词即将溢出容器边界时才在任意位置断词，优先保持单词完整性。
word-break: break-all 则无条件在任何字符间断词，即使单词可以完整放入容器也会被拆断。前者更温和，后者更激进。

anywhere 允许在计算最小内容尺寸（min-content）时就在任意字符间断词，而 break-word 仅在布局时按需断词。
实际表现：在固定宽度容器中两者相似；但在弹性布局（如flex/grid的min-content）中，anywhere 会使容器更窄。

pre 保留所有空格和换行，但不会自动换行，长行会水平溢出。
pre-wrap 同样保留空格和换行，但会在容器边界自动折行，是展示代码片段最常用的值。

text-overflow: ellipsis 必须同时满足三个条件才能生效：
① overflow: hidden（或scroll/auto/clip）
② white-space: nowrap（强制单行）
③ 容器有确定的宽度限制，文本实际溢出。
缺少任一条件，省略号都不会出现。

hidden 裁剪内容但会创建一个滚动容器（用户可通过键盘/滚轮滚动，只是滚动条被隐藏）。
clip 则完全禁止滚动，不会创建滚动容器，内容被强硬裁剪。对于纯视觉裁剪且不希望任何滚动行为时使用clip。

中英文混排推荐使用 overflow-wrap: break-word + word-break: keep-all（或不设置word-break）。
keep-all 保护中文词语不被意外断开，break-word 则处理超长英文单词/URL的溢出问题，两者配合兼顾中英文排版美感。

keep-all 主要影响CJK（中日韩）文本，防止在字符间随意断词。对于英文，它不影响正常的单词间换行，英文单词仍会在空格处断开。
但如果一个英文单词超长且没有空格，keep-all 下它可能不会断词（除非配合overflow-wrap:break-word）。