how to set html table max-width?

Question

Hello everyone,

I have an html table, and one column (<td>) has long text, so I want to set the max-width of the column -- so that if text is longer than the max-width, the text could auto-wrap to next line. I have tried to use css max-width style on related TD element of the column, something like "max-width:100px", but it does not work (text still very long and not auto-wrap to next line if it is very long).

Any ideas what is wrong or any solution reference code? I am using IE 8 on Windows 7.

thanks in advance, George

Answer 1

You need to add the CSS3 property word-wrap: break-word;.

Answer 2

Old html td width will work in IE 8 for that... But you want maximum-width, not a width... besides the extra html attribute needed for each cell.