Continuous string not getting wrapped in td

Question

When i put a long continuos string in my fixed width td ,it is not getting wrapped. The sting increases the width of my table. Can anybody plz help me with this.

for. e.g. this is my text --- works fine as in td width is fixed only height increases but if i insert thisismytext --- then it increases the width of my table.

Answer 1

you have to use

word-break: break-all

for the td

<style>
   .BreakWord { word-break: break-all; }
</style>

<td class="BreakWord">longtextwithoutspace</td>

Answer 2

In other words, give the browser an excuse to break the line (by including spaces in the contents) and it will. Force it to use one line (by omitting spaces) and it increases the width of the table.

In the absence of any extra layout rules, what else could it do?'

Edit: there may be cross-browser problems with word-break / wbr (it seems to be CSS3, now, but was formerly an IE invention)

Answer 3

If your text and cell width is fixed you could add a

<td>My text<br />on a different line</td>

Something I've found sometimes happens is that the text is wrapping, just the td height hide this

Answer 4

Use the <wbr> tag in your text every few characters (20? 30? you'll need to experiment). This will allow breaks in your text without spaces. Like this:

<td>LongLongLong<wbr>TextTextText</td>

This will be all strung together unless a break is needed.

Answer 5

and for this to work in firefox

word-wrap:break-word;