CSS текст переполнен

Question

Я скомпилировал эту демонстрацию jsFiddle, чтобы вы могли видеть, что я собираюсь бросить. Используя Twitter Bootstrap 2, я думал, что все было хорошо, и о простых вещах заботились, пока я не ударил это. Я не понимаю, является ли разметка неправильной или библиотека не обрабатывает это, но текст, когда long просто переполняется из экрана / контейнера

JsFiddle

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

Answer 1

Попробуйте это:

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

Answer 2

Добавьте word-wrap: break-word в ваш DIV.Напишите это:

.span9 {
    width: 700px;
    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+ */

}