Html 将一个单词分成音节并用连字符分隔，而不显示为

我想得到一个字符串，一个单词被分成一个或多个音节，如果不止一个音节，也要有连字符

例如：我想从floccinaucini中提取floccinaucini

目前的浏览器已经能够通过连字符来打断它们，语法正确

原因：我想展示一个术语，就像它在字典中展示一样。因此，最简单的方法是访问浏览器如何破坏它，但在一行中显示它

---

换句话说：如果有足够的空间来显示至少最窄的音节，是否有任何方法可以访问一个单词，就像它显示给用户代理一样？

如果您想要自动断字，您必须使用第三方js库，如

---

如果要放置标记，例如­；，您可以手动在html中执行此操作。

如果有点繁琐，可以确定换行符在文档中的位置。但是，您还取决于浏览器是否具有断字词典，这可能取决于平台，也可能取决于用户的语言

这里有一种在Firefox中有效的方法。我无法让Chrome或WebKit在每个可能的位置可靠地对单词进行断字，它只是在某个宽度以下放弃了断字

testbed.innerHTML=testbed.innerHTML.replace//g，'$&'； outer=testbed.getBoundingClientRect； match=[…testbed.queryselectoral'span:not:first child'].filtere=>e.getBoundingClientRect.x==outer.x； match.forEache=>e.classList.toggle'match'，true； output=[…testbed.children].mape=>e.classList.contains'match'？'-'：+e、 textContent.join； console.logoutput； 分体式试验台{ 宽度：0； 连字符：自动； } span.匹配{ 背景：洋红； }

---

FloccinaucinihilipilificationChrome仅在Mac和Android上支持此功能。哇！效果很好。感谢这段代码，我目前还不完全理解，但借此机会了解一下。