3

I want to force a line break between two words if there is not enough room for both of them in just one line and between two letters if the whole word does not fit into the line. I already tried a few things but I only get them to work in Chrome. Firefox and IE break a word right between two letters although they should put one word into a new line. Take a look at this fiddle. I used this css to force line breaks.

-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;

-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;

You see Chrome doing line breaks just fine. IE and Firefox break the word "looooooooooooooooooooong" between two letters. How do I get those things to work?

Matthew Darton
  • 551
  • 1
  • 7
  • 27

1 Answers1

0

I found the answer in this post. Basically I just had to add this css code.

td {
    max-width: 1px;
}

See updated fiddle.

Matthew Darton
  • 551
  • 1
  • 7
  • 27