html - 予期しない行の折り返し

Question

非常に単純なhtml：

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

次のようにレンダリングされます：

f 
22222222222222222222222222

そして私が期待したのは：

f 222222222222222
22222222222

これを修正することは可能ですか？

フィドル： http： //jsfiddle.net/8yL6j/ </ p>

score 1 · Accepted Answer

word-wrap: break-word単語の途中でテキストを分割するために使用します。

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

score 1 · Accepted Answer

ブラウザは、通常の改行動作や言語の規則などに関係なく、そこに収まる行にできるだけ多くの文字を配置してから改行word-break: break-allし、要素で使用するようにしたいと思われます。

2 に答える 2