Overflow text in a table cell

Question

I have a long string of a file path that has no spaces. For example:

This is displayed in a table, something like:

<td>
    /thisisthetopfolder/thisisthebottomfolder/thisisthefile.html
</td>

However, the text does not overflow onto the next line, it is just chopped off/truncated at the end of the table cell's width. I cannot increase the table or table cell's width. Is there a way to force-overflow the text in a table cell so it doesn't cut off?

It looks like this:

------------------------------------------
| /thisisthetopfolder/thisi | other info  |
------------------------------------------

And it needs to look like this:

------------------------------------------
| /thisisthetopfolder/thisi  |            |
|  sthebottomfolder/thisisth |            |
|  efile.html                | other info |
------------------------------------------

Have you played with the overflow property?

Elmar Peise
– Elmar Peise

2013-04-12 19:33:02 +00:00
Commented Apr 12, 2013 at 19:33 — Elmar Peise
– Elmar Peise, Commented Apr 12, 2013 at 19:33

j08691 · Accepted Answer · 2013-04-12 19:35:09Z

2

Add this CSS rule:

td {
    word-break:break-word;
}

jsFiddle example

The word-break CSS property is used to specify how (or if) to break lines within words.

answered Apr 12, 2013 at 19:35

j08691

208k33 gold badges269 silver badges281 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Overflow text in a table cell

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related