无证件的单词破裂:Break-Word CSS属性



我们要避免长词溢出线,如果必须的话,让它们被打破,对此标准方法为

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值,或使用word-wrap: break-word的任何Safari"错误",即使用word-break: break-word可以解决。

据我所知,word-break: break-word;仅是webkit。可以在Safari CSS参考

上找到它

单词break指定破坏线路的严格程度 意识形态语言的文字,例如中文,日语和韩语。

语法单词break:严格参数严格级别 严格。常数分类, Break-Word ,正常可用性 可在Safari 3.0及以后提供。在iOS 2.0和更高版本中可用。 支持水平稳定CSS 3。

word-break: break-word已正式弃用。

来自CSS文本模块3级工作草案:

为了兼容旧内容,word-break属性也 支持弃用的break-word关键字。指定时,这有 与word-break: normaloverflow-wrap: anywhere相同的效果, 无论溢出包装属性的实际值如何。

如果您喜欢word-break: break-word似乎要做的事情(我要做的!),则应使用word-break: normaloverflow-wrap: anywhere(然后,如果您喜欢的话,可以尝试进一步更改它们)

最新更新