Is there any way to wrap html text when 'all one word' is used? [duplicate]

Answer 1

1. CSS solution : use overflow:hidden and overflow-x:hidden

2. Backend solution: if you are using a scripting language like php to generate your page, use "word wrap" technique to break the long word data.

Answer 2

change height to min-height and remove overflow and use word-wrap: break-word :

<div style="width:100px; border:1px Solid Black; min-height:200px;word-wrap: break-word; "><p>text here...</p></div>

but remember if user does not type any space, no browser will break it to multiple lines!

Answer 3

The most straight forward way is to use word-wrap: break-word

See it in action

Answer 4

Please refer to this question.

word-wrap : break-word is the most compatible way going forward, but will not help in some browsers that are still widely used.