CSS文本溢出哦男人什么乱七八糟的

Question

我编写这个jsFiddle演示所以，你可以看见什么我去扔。使用Twitter的引导2我以为一切都很好，简单的事情是照顾，直到我击中了这一点。我不明白如果标记是不正确的或图书馆不处理这个但该文本当长时间只是溢出屏幕/容器

JsFiddle

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

我刚刚花了几乎一整天的时间来解决这个问题，直到我发现这一点之前，上面的工作才起作用：

确保您在浮动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+ */

}