Question

i have a table in which there are several td’s that contain link now problem is that my links are very long so i want those to take full width of td and then go to second line but it’s not working

Demo

http://jsfiddle.net/6pyxB/1/

i tried using white-space:no-wrap; and it’s fine in cases where link size is just equal to or less than the td height. but if link size is greater than td size it will extend the td width also that i don’t want.

Demo After white-space:no-wrap

http://jsfiddle.net/6pyxB/2/

in this case i want that remaining link address go to second line instead increasing the size of div.

Please help me out

Answer 1

Try adding word-break to your stylesheet:

td {
    word-break: break-all;
}