css - 未记录的断字 : break-word CSS property?

标签 css safari word-wrap

我们希望避免长词溢出行,并在必要时让它们被打断,标准方法是

word-wrap: break-word

或其等效物

overflow-wrap: break-word

但是,我们发现这不适用于 Safari(包括 Mac 和 iOS)。

然后我们偶然发现 word-break CSS 属性,它应该只接受 break-all 的值,意思是在任何地方中断,显然采用了 break-word 的未记录值(Chrome 也接受这一点),并且以下内容

word-wrap:  break-word;
word-break: break-word;

似乎可以解决 Safari 上的问题。

我无法在网络上找到任何对 word-break 的非标准 break-word 值或任何 Safari“错误”的引用word-wrap: break-word 使用 word-break: break-word 可以解决。

最佳答案

据我所知 word-break: break-word; 是非标准的,仅限 webkit。它可以在 Safari CSS Reference 上找到

word-break Specifies the level of strictness when breaking lines of text in ideographic languages such as Chinese, Japanese, and Korean.

Syntax word-break: strictness Parameters strictness The level of strictness. Constants break-all, break-word, normal Availability Available in Safari 3.0 and later. Available in iOS 2.0 and later. Support Level Stable CSS 3.

关于css - 未记录的断字 : break-word CSS property?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30169301/

相关文章:

css - <body> 中的 <link> 标签是否会延迟 DomContentLoaded 事件?

http - Safari iFrame HTTP header 重定向问题

ios - 带有水平包装单元格的 UITableView

web-applications - ios8 safari 独立 Web 应用程序在单击选择时崩溃

java - JTextArea 具有自适应宽度问题

python - 如何读取/打印(_io.TextIOWrapper)数据?

css - 如何使用 CSS 缩放具有视口(viewport)大小的文本?

css - 媒体查询不适用于 < 480

html - 用水平滚动条制作单行div

html - Safari/Windows 中的 CSS *仅*,可能与溢出有关