【问题标题】:Safari CSS word-break: keep-all; is not workingSafari CSS 断词:keep-all;不管用
【发布时间】:2016-12-26 14:40:48
【问题描述】:

我看到在 Safari 浏览器中没有使用我需要的 CSS word-break 属性。为什么?

【问题讨论】:

  • 我使用的是 Safari v5.1.7 (7534.57.2)
  • 你为什么需要它?这个问题的答案对于解决您的实际问题至关重要,现在“为什么?”问题已得到解答。您有什么类型的 CJK(或其他?)文本,可以用脚本对其进行操作,应该禁止哪些类型的中断?

标签: css safari browser-support word-break


【解决方案1】:

更新: Safari 现在支持将 keep-all 作为值。从 Safari 9 开始。


Safari 部分支持word-break 属性,即它仅支持word-break,如果您使用break-all 作为值而不是keep-all...

如您所见here(阅读最底部的注释),上面写着

注意:部分支持是指支持“break-all”值,但 不是“保留所有”的价值。


Bug Report 43917 - 不支持 CSS3 'word-break: keep-all'

【讨论】:

  • 如果我使用break-all,它可以在 Safari 中运行,但在 Firefox 中它应该是 keep-all 时失败。
  • @Tony 好吧,不支持属性,所以我们不能在这里做任何事情,顺便说一下,firefox 确实支持break-all
  • 我的意思是,我想保留所有太长的单词,而不是破坏它们
  • @Tony 所以你使用的是 CJK,试试 white-space: nowrap; 但这也会影响非 CJK 文本..
  • 在这种情况下,它看起来与此处相同(选择 nowrap 选项)w3schools.com/cssref/… normal 选项没有任何变化
【解决方案2】:

我发现这是可行的:

selector{ -webkit-hyphens: none;}

【讨论】:

    【解决方案3】:

    从包括 iOS 在内的 Safari 9 开始,终于支持word-break: keep-all。

    Bug Report 123782 - [CSS3] 添加对 word-break:keep-all CSS 属性的支持

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-09-08
      • 2017-07-29
      • 2018-02-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-05-16
      相关资源
      最近更新 更多