Разбить текст по словам, разбить в любом случае, если нет пробела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

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