html - 意外换行

Question

一个非常简单的html：

<div style="width:200px">
    <p>f 22222222222222222222222222</p>
</div>

将呈现为：

f 
22222222222222222222222222

我所期望的是：

f 222222222222222
22222222222

有可能解决这个问题吗？

小提琴： http: //jsfiddle.net/8yL6j/ ​</p>

Answer 1

用于word-wrap: break-word在单词中间拆分文本：

.container {
    width: 200px;
    word-wrap: break-word;
}​

演示：http: //jsfiddle.net/8yL6j/1/

Answer 2

似乎您希望浏览器将尽可能多的字符放在适合该位置的行上然后中断，而不考虑正常的换行行为、语言规则等，然后word-break: break-all在元素上使用。