Переполнение от div

Question

У меня есть div, что клиент будет выполнять некоторые действия, которые (с JavaScript) изменят содержимое.Иногда этот контент будет раздражающим долго.Есть ли «простой» способ сделать это?Я перепутал со свойством CSS «Переполнение», и оно работает нормально, но я бы предпочел иметь только вертикальную полосу прокрутки, а не горизонтальные полосы прокрутки.

Это также предполагает, что часть содержимого невключайте пробелы (что даст нормальный эффект).

Мне нужно, чтобы оно разбивалось на середину слова, если это требуется.

Пример:

I want the overflow to acti
vate even if it is in the m
iddle of a word.

Спасибо, если можете.Вот jsFiddle того, с чем я вроде работаю:

http://jsfiddle.net/DalexL/znzk2/

Answer 1

overflow-y: auto
overflow-x: none

, а также

word-wrap: break-word;

Answer 2

есть также разрыв слов

word-break: break-all;

текущая поддержка ограничена, хотя, кажется, только IE9, Chrome, Safari, но может быть полезной для опции hyphenate

word-break: hyphenate;

Answer 3

Если вы установите html и body overflow на скрытый, а ваша высота div на 100% с автоматическим переполнением, это не сработает.Div будет продолжать вытекать из окна, как было сказано, чтобы использовать 100% высоты тела.если вы хотите, чтобы переполнение работало, оно должно иметь максимальную высоту в некоторой точке, не превышающую рост, чтобы ничего не скрывалось.http://jsfiddle.net/robx/XvcXC/1

Редактировать: Итак, я неправильно понял вашу проблему, как будто что-то изменилось с тех пор, как я впервые увидел ваш вопрос.Обновлен здесь http://jsfiddle.net/robx/XvcXC/2/, чтобы разбить длинные строки текста.

Answer 4

вы пытались установить ширину div?и его переполнение до overflow:auto Я думаю, что должно работать.