CSS テキストがオーバーフローしてしまう、なんてことになるんだろう

Question

私が何を投げようとしているのかがわかるように、この jsFiddle デモをコンパイルしました。Twitter Bootstrap 2 を使用していて、これを使用するまでは、すべてがうまくいき、簡単なことが解決されると思っていました。マークアップが正しくないのか、ライブラリがこれを処理しないのかはわかりませんが、テキストが長いと画面/コンテナからオーバーフローします

Jsフィドル

http://jsfiddle.net/kSCa3/2/

Answer 1

追加 word-wrap: break-word あなたの中で DIV. 。これを書く：

.span9 {
    width: 700px;
    word-wrap: break-word;
}

Answer 2

これを試して：

div {
  word-break: break-all;
  word-wrap: break-word;
}​

Answer 3

私はこれを解決しようとして一日ほぼ1日過ごしましたが、これを発見するまで上記は機能しませんでした。

浮かんだdiv内に流体容器もあることを確認してください：

<div class="container-fluid">

それ以外の場合は、それは同じ幅を維持し、あなたが何をしてもこぼれます。

Answer 4

たぶん、あなたもこれを試すことができます：

div.span9{
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */

}