猿问

在css中“单词中断:所有”和“单词包装:中断词”之间的区别是什么?

在css中“单词中断:所有”和“单词包装:中断词”之间的区别是什么?

我现在想知道两者之间有什么区别。当我同时使用这两个词时,如果它不适合容器,它们似乎会破坏这个词。但是为什么W3C做了两种方法来做到这一点呢?



繁华开满天机
浏览 418回答 3
3回答

鸿蒙传说

讨论这些问题的W3规范似乎表明word-break: break-all是要求使用CJK(中文、日文和韩文)的特定行为,而word-wrap: break-word是更普遍的,没有CJK意识的行为。

阿波罗的战车

word-wrap: break-word最近改为overflow-wrap: break-word会在下一行上写上长句。调整不同的单词,使它们不会在中间断裂。word-break: break-all不管它是一个连续词还是许多单词,在宽度限制的边缘将它们分开。(即使在同一词的字符内)因此,如果您有许多动态获取内容的固定大小的跨度,那么您可能更喜欢使用word-wrap: break-word由于这样,只有连续的单词在中间被打断,如果它是一个包含许多单词的句子,空格会被调整以得到完整的单词(在一个单词中没有中断)。如果这不重要,那就去吧。

慕标5832272

带着word-break,一个非常长的单词从它应该开始的点开始,并且只要需要,它就会被打破。[X] I am a text that 0123456789012345678901234567890123456789 want to live  inside this narrow paragr aph.然而,与word-wrap,一个很长的词不会在它应该开始的时候开始。它绕到下一行,然后在需要的时候中断。[X] I am a text that  0123456789012345678901234567890123456789 want to live inside this narrow  paragraph.
随时随地看视频慕课网APP
我要回答