如何使用 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

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

How to check the CSS hyphens in effect using Chrome developer tools?