防止长单词流出Div而不使用CSS break-word

Jig*_*ain 5 css css3 word-wrap

我有一个div,所有长词(没有空格)都在div之外.

请不要将问题标记为如何防止长文本流出容器长文字流出框 - 如何防止?,问题通过使用解决word-wrap: break-word;.

缺点word-wrap: break-word;是它还会以破坏文本流动的方式打破位于div边缘的短字.我希望简短的话语保持原样,只能打破冗长的话语.有可能实现这个吗?其他网站如何处理它?

mih*_*hai 8

它还会破坏位于div边缘的短语

那不是真的...... word-wrap: break-word;不应该这样做.
也许你对这个word-break: break-all;属性(在所有浏览器中都不起作用)感到困惑.

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

对于Firefox,您可以尝试使用连字符属性.