【问题标题】:Why don't hyphens work for Chrome on Windows?为什么连字符不适用于 Windows 上的 Chrome?
【发布时间】:2019-05-16 18:03:18
【问题描述】:

我有 hyphens 在 Android 和 Mac 上工作,但它没有出现在 PC 上。我的 PC 和 Mac 都在:Chrome 版本 74.0.3729.157(官方版本)(64 位)

CSS 用于网站,标准文本换行。

有谁知道我在哪里可以找到有关原因以及将来是否会支持它的更多信息?

white-space: normal;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;

【问题讨论】:

标签: css google-chrome


【解决方案1】:

更新答案:从 Chrome v88 开始,此功能可在 Windows 中使用。请记住,您需要在文本中使用软连字符 (­),以便根据容器空间显示连字符。


原答案:

当 Chrome 发布此功能时,他们这样做了 without support for Windows

在 stable 上启用 CSS 连字符属性

此补丁在 stable 上启用 CSS 连字符属性。

以下值此时有效:

  • Android/Mac:手册 |没有 |自动
  • 其他平台:手动 |无

BUG=605840

评论网址:https://codereview.chromium.org/2342553003
Cr-Commit-Position: refs/heads/master@{#419461}

(强调我的)

至于何时可以在 Windows 或其他平台上使用,您可以在错误跟踪器上自行跟踪:https://bugs.chromium.org/p/chromium/issues/detail?id=652964

请注意,Microsoft Edge 只是最近才从其原始 EdgeHTML 引擎迁移到 Chromium 引擎。与 Firefox 一样,Edge 的 Pre-Chromium 版本仍然很好地支持连字符。较新版本的 Edge 以及 Chrome、Brave、Vivaldi 等基于 Chromium 的浏览器将受到这一缺陷的困扰,直到它在 Chromium 中实现。

以后,我建议在https://caniuse.com 网站上检查此类支持陷阱 - 它通常包含有关功能支持的良好信息以及作为脚注的任何实现细节(就像在 hyphens 的情况下所做的那样)。

【讨论】:

  • 我今天在 Chrome 中尝试了这个,但仍然没有成功。在 Firefox 中运行良好。我目前使用hyphens: auto; text-overflow: ellipsis; overflow: hidden;。所以在 Chrome 中你需要添加 ­要获得此属性的支持吗?
  • @Bregt 似乎是这样。 Firefox 也可能以不同的方式实现了该功能。
猜你喜欢
  • 1970-01-01
  • 2019-05-22
  • 1970-01-01
  • 2018-06-13
  • 2019-03-06
  • 1970-01-01
  • 2021-03-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多