如何使用 Chrome 开发人员工具检查有效的 CSS 连字符？

Question

我正在尝试通过 CSS 设置自动连字符。 我正在使用以下 CSS：

body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

我的文字似乎没有连字符。 因此，我检查了正确的 CSS 是否已下载，现在我正在尝试检查特定元素是否有效连字符。 按 F12 后，我没有找到任何与 CSS 相关的连字符。

我错过了什么？

Answer 1

暂时不支持连字符（除了默认值'none'什么都不提供），所以你宁愿看不到任何效果，也许可以尝试一些 javascript 解决方案： https://github.com/mnater/hyphenator

http://caniuse.com/#search=hyphens