hyphens: auto 在 CSS 中如何生效
要让英文长单词自动添加连字符，必须同时设置 hyphens: auto 并指定文档的语言（通过 lang 属性），因为浏览器默认不会自动断行。仅设置样式而不声明语言，现代浏览器通常会忽略该规则。
不同 hyphens 值的对比行为
hyphens 属性有三个值：none、manual 和 auto。none 禁止断行，manual 仅在遇到软连字符（）时断行，而 auto 允许浏览器根据词典规则自动插入连字符。
<style>
.word-wrap {
width: 150px;
border: 1px solid #ccc;
padding: 10px;
hyphens: auto;
word-break: break-all; /* 辅助：防止溢出 */
}
</style><p class="word-wrap">Supercalifragilisticexpialidocious</p>
特定输入下的断行结果验证
当使用单词 internationalization 且容器宽度为 100px 时，浏览器会在 nation 后插入连字符，显示为 inter- 换行 nation- 换行 alization。如果未设置 lang 属性，则不会发生断行，而是直接溢出或截断。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
