Строка прерывания автоматически, когда пользователь вводит длинный текст без добавления пробела

Question

У меня есть контейнер DIV, который использовался для отображения текста, содержащегося пользователями. Но у меня есть проблема, когда пользователи пытаются добавить длинный текст без добавления пробела (Ex: balalalalalalalala ...) внутри текста или текста в символе Юникода, поэтому он отображает только одну строку, переполняющую мой контейнер DIV ,

Я хочу, чтобы добавить линию прерывания автоматически сама по себе. Как это сделать?

Спасибо :)

Answer 1

Если вы вниз с помощью CSS3 вы можете попробовать свойство «слово-брейк».

Чтобы посмотреть демо:

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-break

Answer 2

word-wrap property В CSS совместим со старыми браузерами (IE 5.5+, FF 3.5+, Chrome 1.0+, Safari 1.0+, Opera 10.5+).

CSS:

div { word-wrap: break-word; } 

Вот fiddle.

Это должно работать, если white-space нет, в противном случае просто используйте white-space: pre-wrap.