How to break long single word in <td> using CSS?

Viewed 39305

in a td of a table i have a very long single word "Pneumonoultramicroscopicsilicovolcanoconiosis" and i want to reduce the width of table but unable to do because of this long word in one of the td i can break this word by giving <br /> but is there any CSS way to break this word according to available space. without giving line break or edit anything in HTML.

9 Answers

The modern (post IE) way is:

td {
  overflow-wrap: anywhere;
}

Except that – as of this writing – it is not supported in Safari. Stay tuned.

Here is a test.

Related