意外線包裹

Question

一個非常簡單的html：

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

將呈現爲：

f 
22222222222222222222222222 

和我預期的是：

f 222222222222222 
22222222222 

是有可能解決這個問題？

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

Answer 1

看來你想瀏覽器把儘可能多的角色放在適合的地方，然後破壞，不考慮正常的換行行爲，語言規則等等， n在元素上使用word-break: break-all。

Answer 2

使用word-wrap: break-word打破了文字在單詞中間：

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

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