Текст CSS переполняется, ох чувак, какой беспорядок

Question

Я скомпилировал эту демонстрацию jsFiddle, чтобы вы могли увидеть, что я собираюсь сделать.Используя Twitter Bootstrap 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+ */

}