【问题标题】:How can I use hyphenation in Google Chrome browser?如何在 Google Chrome 浏览器中使用连字符?
【发布时间】:2015-11-12 16:50:00
【问题描述】:

我使用以下 css 在我的网站中自动添加连字符:

-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

但在 chrome 中,这没有效果。我已经读过,那个 chrome 不支持这个。 chrome中的断字有什么解决方法吗? 谢谢!

【问题讨论】:

  • 没有纯 CSS 解决方案。但是如果使用 javascripit 是可以的,请查看这个 javascript 库link
  • 为这个铬问题加注星标并发表评论:bugs.chromium.org/p/chromium/issues/detail?id=47083
  • chrome 团队正在处理这个问题:bugs.chromium.org/p/chromium/issues/detail?id=605840
  • 自 2016 年 11 月起适用于 Mac/Android Chrome,但不适用于 Windows。
  • 在 Chrome (62.0) 中,您目前可以使用 hyphens: initial 撤消以前的 hyphens: none(并允许在 ­ 处使用断字),尽管该属性似乎不支持设置任何其他特定值比none.

标签: css google-chrome css-hyphens


【解决方案1】:

万一其他人犯了我的错误,连字符只有在您在 HTML 标记中声明语言时才有效。例如: <html lang="en-GB">

如果没有声明 hyphens:auto 的语言,将什么也做不了。

【讨论】:

    【解决方案2】:

    Chrome 目前仅在 Android 和 macOS 上支持连字符(并且仅支持“auto”值),您可以在此处看到:http://caniuse.com/#search=hyphens

    按照 Eric 的建议,我也使用了 Hyphenator

    【讨论】:

    • 那个制作网站没有hypenathor。
    • @reallynice 是的,同时该网站也发生了变化。您可以在这些 archive.org 快照中看到它:web.archive.org/web/20150419034614/http://www.chiantibanca.it/…
    • 连字符在 MacO 上的 Chrome 中不起作用。我不确定 Google 的官方立场,但即使是在线 CS“Try It Now”网站也不行。
    【解决方案3】:

    软连字符可以与 JavaScript(最佳解决方案)或任何服务器端语言一起应用,但是,它会用自己的答案来回答问题。

    【讨论】:

    • 确实如此 - 不幸的是,目前只有 chrome 可用。但请注意:这样做会影响可访问性:屏幕阅读器会阅读每个音节,而不是整个单词
    猜你喜欢
    • 1970-01-01
    • 2015-02-27
    • 2021-05-22
    • 2012-05-12
    • 2022-08-04
    • 1970-01-01
    • 1970-01-01
    • 2017-06-02
    • 2010-12-03
    相关资源
    最近更新 更多