意外的换行

Question

一个非常简单的HTML：

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

将呈现为：

f 
22222222222222222222222222

我所期待的是：

f 222222222222222
22222222222

可以解决这个问题吗？

小提琴：http://jsfiddle.net/8yL6j/     

Answer 1

使用word-wrap: break-word在单词中间打破文本：

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

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

Answer 2

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