如何使用 Chrome 开发者工具检查 CSS 连字符的效果？答案

【问题标题】：How to check the CSS hyphens in effect using Chrome developer tools?如何使用 Chrome 开发者工具检查 CSS 连字符的效果？
【发布时间】：2016-02-09 09:23:10
【问题描述】：

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

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

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

我错过了什么？

【问题讨论】：

下次最好提供 HTML 代码，一个小提琴将是一个加号。 :) - 有人告诉我提供所有代码 - 即使给出了小提琴链接，由于缺乏信息可能会阻止更多读者获得帮助。
如果您喜欢使用连字符，请为这个铬问题加注星标并发表评论：自动跨浏览器：bugs.chromium.org/p/chromium/issues/detail?id=47083

标签： html css google-chrome google-chrome-devtools hyphen

【解决方案1】：

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

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

【讨论】：

谢谢。顺便说一句，它在 2016 年很遗憾。连字符是一种众所周知的算法，它甚至在 25 年前的 DOS 文本编辑器中也能正常工作。（冒着有人会抛出诸如“Chrome 不是文本编辑器”之类的聪明评论的风险）
@g.pickardou 是的，很多问题 :) code.google.com/p/chromium/issues/detail?id=47083