Разбить текст по словам, разбить в любом случае, если нет пробелаCSS

Разбираемся в CSS
Ответить
Anonymous
 Разбить текст по словам, разбить в любом случае, если нет пробела

Сообщение Anonymous »

Я стараюсь разбить текст по словам, если это возможно, а если нет — все равно разбить, чтобы макет не умер. По умолчанию это работает в Google Chrome и правильно переносится, но не работает в Firefox.

Код: Выделить всё

.a {
width: 200px;
word-wrap: break-word;
display: inline-block;
white-space: normal;
word-break: break-word;
}

.a>div {
text-align: left;
display: inline-block;
}

Код: Выделить всё



achrichteinenachrichteinenachrichtchrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachriachrichteinenachrichteinenachrichtchrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachriachrichteinenachrichteinenachrichtchrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachriachrichteinenachrichteinenachrichtchrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachriachrichteinenachrichteinenachrichtchrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachriachrichteinenachrichteinenachrichtchrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachrichteinenachri



http://jsfiddle.net/prswjktc/12/

Проблему можно решить, добавив max-width: 100%; в случае со скрипкой, но я ищу альтернативные решения. (Я тоже не могу удалить внутренний div).

Подробнее здесь: https://stackoverflow.com/questions/516 ... f-no-space
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»