text wrap of continuous text string

Question

When I insert a continuous string of text in a fixed width "td", the text is not wrapping. Pls let me know why? Here are the links to the html pages.

textstring with space
textstring without space

Answer 1

You can add soft-hyphens: ­. Put them within the long word.

Have a look at it with this:

This­Texthasno­SpacesThis­Texthasno­Spaces­This­Texthasno­Spaces­ThisText­hasno­Spaces­This­Texthasno­Spaces

(deliberate over-use of ­)

This is the hyphenator, you might find it helps.

Answer 2

I wonder if this might help:

<p style="width: 100em; word-wrap: break-word">ThisTexthasnoSpacesThisTexthasnoSpacesThisTexthasnoSpacesThisTexthasnoSpacesThisTexthasnoSpaces</p>

Unfortunately, that requires you to know how wide you want your column to be.

Answer 3

You'll notice that a lot of popular sites (like Facebook) will insert a space in your word if you make it too long. It's the common solution, so don't be afraid of doing it.

Answer 4

hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh