Question

I have a div that the client will be doing some actions that (with JavaScript) will change the content. Sometimes this content will get annoyingly long. Is there a “simple” way to do this? I’ve messed with the CSS “Overflow” property and it works alright but I’d rather only have a vertical scroll bar, no horizontal scroll bars.

This is also assuming that some of the content doesn’t include spaces (which will produce the normal effect).

I need it to split it in the middle of the word if it requires doing so.

Example:

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

Thanks if you can. Here is a jsFiddle of what I’m kind of working with:

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

Answer 1

overflow-y: auto
overflow-x: none

and also

word-wrap: break-word;