未记录的word-break: break-word CSS属性是什么?

3
我们希望避免长单词溢出行,如果必要的话,让它们被分开。标准方法是使用以下方式:
word-wrap: break-word

或其等效物

overflow-wrap: break-word

然而,我们发现这种方法不能在Safari(包括Mac和iOS)中使用。
我们偶然发现CSS属性word-break,它原本仅接受值break-all,意思是可以在任何位置断开。但显然还可以接受一个未记录的值break-word(Chrome也可以接受此值),并且以下操作:
word-wrap:  break-word;
word-break: break-word;

看起来在Safari上解决了这个问题。

我无法在网络上找到任何关于非标准的break-word值用于word-break,或者使用word-wrap: break-word时任何Safari“错误”的参考资料,但使用word-break: break-word可以解决。

2个回答

3

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

根据CSS Text Module Level 3 Working Draft:

为了与旧内容兼容,word-break属性也支持一个已弃用的break-word关键字。当指定此关键字时,无论overflow-wrap属性的实际值如何,其效果和word-break: normaloverflow-wrap: anywhere相同。

如果您喜欢word-break: break-word所做的事情(我也是!),则应改用word-break: normaloverflow-wrap: anywhere(然后您可以尝试进一步更改它们的值,如果需要)。


3
在Safari上,word-break: normal和overflow-wrap: anywhere不起作用。 - Meet Dave

3
据我所知,word-break: break-word;是非标准的,只有webkit支持。可以在Safari CSS 参考文献中找到它。

word-break 用于指定在中日韩等象形文字中断行时所使用的严格程度。

语法结构:word-break: strictness。参数strictness表示严格程度,包括以下常量:break-all、break-word、normal。可用性:Safari 3.0及以上版本支持,iOS 2.0及以上版本支持。支持水平:CSS 3 稳定版。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接