hyphenate-character 只在 hyphens: auto 启用且文本实际断词时生效，而表格单元格默认不触发断词，需同时满足 lang 属性、hyphens: auto、hyphenate-character 声明、宽度限制及可断单词等全部条件才可能起作用。
hyphenate-character 在表格中根本不起作用
直接说结论：hyphenate-character 是 CSS hyphens 属性的配套值，但它**只在启用 hyphens: auto 且文本实际发生断词（hyphenation）时才生效**；而 HTML 表格单元格（<td>、<code><th>）默认既不触发断词，也不继承或响应该属性——除非你显式设置并满足一整套前提条件。
<h3>让表格文字真正断词的必要条件</h3>
<p>想让 <code>hyphenate-character 生效，必须同时满足以下全部条件：
-
hyphens: auto设置在含文本的元素上（如<td> 或其子元素），不能只设在 <code><table> 上 <li>元素需有明确的 <code>lang属性（如lang="en"），浏览器靠它加载对应语言的断词字典 - CSS 中必须声明
hyphenate-character（例如hyphenate-character: "·";），且该字符需被浏览器支持（目前仅 Firefox 完全支持自定义符号；Chrome/Safari 忽略该值，始终用软连字符 U+00AD） - 文本需足够长、容器宽度受限，且单词本身可被断开（如 “internationalization” 可断，“HTML” 不可断）
实际能用的写法示例（仅 Firefox 有效）
| internationalization |
注意几点：
-
hyphenate-character值必须是单个字符，用单引号包裹；双引号或不加引号会导致无效 -
word-break: normal很关键——若设成break-all或keep-all，断词机制会被绕过，hyphens失效 - Chrome 和 Safari 会忽略
hyphenate-character，只显示默认连字符（短横线），哪怕你写了"·"或"+" - 移动端 WebView（尤其 iOS）基本不支持
hyphenate-character，别指望它在手机上一致工作
更靠谱的替代方案
如果目标是统一控制断句符号，又得兼顾兼容性，不如放弃 hyphenate-character，改用：
- 手动插入零宽空格（
）或软连字符（）：可控但需预处理文本 - 用
text-wrap: balance（实验性）配合固定宽度，让浏览器自动平衡换行，避免生硬断词 - 对表格列设
white-space: normal+overflow-wrap: break-word，虽不控制符号，但至少防止溢出
真正要靠 hyphenate-character 实现定制符号，目前只适合 Firefox 桌面端内部系统，且必须接受它在其他环境静默失效的事实。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
