Есть ли способ предотвратить переполнение строки букв без пробелов из соответствующих границ?

Question

Вопрос довольно простой, я попытался использовать диапазон с правилами, установленными на clear:both; и display:block;, в нижней части каждой записи списка, куда вводится текст, но безуспешно. Я не совсем уверен, что делать с этим. Я не ожидаю много записей с длинными последовательными буквенными строками, но, например, если кто-то делает lolololololol или ahaahahahhhhhhhhhhhaaaaaaaa как приблизительно 100 букв, это переполнится Если кто-нибудь может дать мне указатель, я был бы очень признателен.

Answer 1

В CSS 3 есть CSS-способ решения этой проблемы:

word-wrap: break-word;

Это свойство происходит от Microsoft и попало в спецификацию для CSS3.Он отлично работает на Firefox 3.6, Safari 4, Chrome 5.

См .: http://www.css3.info/preview/word-wrap/
Демо: http://hacks.mozilla.org/2009/06/word-wrap/

Answer 2

Вы можете установить атрибут overflow-x на скрытый, но он просто обрежет все, что превышает область ... вот пример

http://jsfiddle.net/TFQNL/

В противном случае, я думаю, вам нужно программно разбить его на части

Answer 3

Какое поведение вы ищете, расширить родительский элемент или разбить слово? AFAIK, последний не возможен исключительно с использованием CSS, а первый зависит от стиля предков. См. Stackoverflow.com/questions/320184/…, stackoverflow.com/questions/363425/…, stackoverflow.com/questions/322929/… и многие другие (google.com/…) - outis