5

我有一个 div，所有长词（没有空格）都在 div 之外流动。

请不要将问题标记为如何防止长文本从容器中流出或长字从盒子中流出 - 如何防止？, 问题通过使用来解决word-wrap: break-word;。

的缺点word-wrap: break-word;是它还会破坏位于 div 边缘的短词，从而破坏文本的流动。我希望短词保持原样，只打破长词。有可能实现这一点吗？其他网站如何处理？

4

2 回答 2

8

它还破坏了位于 div 边缘的简短单词

那不是真的……word-wrap: break-word;不应该那样做。
也许您将此与word-break: break-all;属性混淆了（并非在所有浏览器中都有效）。

请参阅此 jsfiddle 进行比较：http: //jsfiddle.net/Snu8B/3/

对于 Firefox，您可以尝试hyphens属性。

于 2013-04-06T15:28:57.570 回答
0

如果您愿意“隐藏”您可以玩溢出的单词：隐藏

.mydiv {
   height  : youchoose;
   width   : youchoose;
   overflow: hidden;
}

除此以外：

word-wrap : normal|break-word;
normal    : Break words only at allowed break points
break-word: Allows unbreakable words to be broken

word-break: normal|break-all|hyphenate;
normal    : Breaks non-CJK scripts according to their own rules
break-all : Lines may break between any two characters for non-CJK scripts
hyphenate : Words may be broken at an appropriate hyphenation point
于 2013-04-06T17:56:45.660 回答