有什么方法可以re-use CSS3 创建单词断字吗?

Is there any way to re-use CSS3 created word hyphenation?

我正在尝试在帮助孩子学习阅读的网站上将单词拆分为音节。事实证明这很难。

JavaScript Hyphenation libraries 很大。 Chrome 浏览器已经可以 auto-hyphenate 使用 hyphens: auto; CSS3 标签。我想在浏览器中对我的文本行说 "Hi there! Please tell me all possible ways you would consider splitting these words, thanks!"

这意味着我需要以某种方式 "read" 将带连字符的单词的结果打包到非常窄的 div 中。据我所知,您无法获取文本 - 断字只是 display 的事情。有什么办法可以找出单词在哪里连字符吗?

https://jsfiddle.net/8v5xxuh1/

简短回答:不,没有简单的方法来搭载浏览器的连字符生成器。