logo标签列表

我该如何在Google Chrome浏览器中使用连字符？

cssgoogle-chromecss-hyphens
43

我在我的网站中使用以下CSS来自动断字：

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

但在Chrome浏览器中这没有任何效果。我已经了解到，Chrome不支持这个功能。是否有任何方法可以解决在Chrome中使用连字符的问题？ 谢谢！

但是在 Chrome 中没有任何效果。我已经读到了 Chrome 不支持此功能。在 Chrome 中有没有任何解决连字符的方法？ 谢谢！

2
没有纯CSS解决方案。但如果使用JavaScript，就可以完成。请查看此JavaScript库 link。 - Eric So
2
请给这个Chromium问题点赞并发表评论： https://bugs.chromium.org/p/chromium/issues/detail?id=47083 - Hans Gustavson
Chrome团队正在处理此问题：https://bugs.chromium.org/p/chromium/issues/detail?id=605840 - Dennis Guse
1
自2016年11月起，可以在Mac/Android Chrome上使用，但无法在Windows上使用。 - certainlyakey
在Chrome（62.0）中，您目前可以使用“hyphens：initial”来撤消先前的“hyphens：none”（并允许在“­”处进行连字），尽管该属性似乎不支持设置除“none”之外的任何特定值。 - Jake
3个回答
26
该生产网站中没有连字符。 - reallynice
1
@reallynice 这是真的，网站在此期间已经发生了变化。您可以在这些archive.org快照中看到它：https://web.archive.org/web/20150419034614/http://www.chiantibanca.it/privacy-policy-S6A158E170.htm - kaosmos
2
连字功能在MacOS上的Chrome浏览器中无法正常工作。我不确定谷歌的官方立场，但即使是在线CS“立即尝试”网站也无法正常工作。 - David J
7

如果有其他人和我一样犯了这个错误，连字符只在你在HTML标签中声明语言时才起作用。例如：<html lang="en-GB">

如果没有声明语言，hyphens:auto将不起作用。

6
软连字符可以使用JavaScript（最佳解决方案）或任何服务器端语言来应用，但是这个回答自问自答。
6
没错，目前来说这是Chrome的唯一方法。但请注意：这样做可能会影响可访问性，屏幕阅读器会逐音节朗读，而非整个单词。 - Philipp
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接