未记载的分词:破解词CSS属性?

时间:2015-05-11 13:43:19

标签: css safari word-wrap

我们希望避免冗长的单词溢出该行并让它们被破坏,如果必须的话,标准方法是

word-wrap: break-word

或等效的

overflow-wrap: break-word

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

然后我们意外地发现word-break CSS属性,它应该只接受break-all的值,意味着要破坏任何地方,显然需要一个未记录的值{{1} (Chrome也接受此选项),以及以下

break-word

似乎解决了Safari上的问题。

我无法在网络上找到word-wrap: break-word; word-break: break-word; 的非标准break-word值或任何Safari"错误" word-break使用word-wrap: break-word将解决问题。

2 个答案:

答案 0 :(得分:1)

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

上找到
  

word-break指定断行时的严格程度   中文,日文和韩文等表意语言的文字。

     

语法word-break:strictness参数strictness的级别   严格。常量全部破坏,破解,正常可用性   适用于Safari 3.0及更高版本。适用于iOS 2.0及更高版本。   支持级别稳定的CSS 3。

答案 1 :(得分:0)

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

来自CSS Text Module Level 3 Working Draft

为了与旧内容兼容,还可以使用word-break属性 支持不推荐使用的break-word关键字。指定时,具有 与word-break: normaloverflow-wrap: anywhere具有相同的效果, 不管overflow-wrap属性的实际值如何。

如果您喜欢word-break: break-word似乎可以做什么(我愿意!),则应该改用word-break: normaloverflow-wrap: anywhere(然后,如果您愿意,可以尝试进一步更改它们中的每一个)喜欢)