css text wrapping properties word-wrap and white-space

Today I came across a problem where td text content does not wrap. I found out: white-space: nowrap, which forces the text to not wrap. By the way, I took a look at the word-wrap attribute of text wrapping. The summary is as follows:

The default of white-space is just normal , automatically wrap lines.

word-break:break-all and word-wrap:break-word represent forced line breaks. The former will automatically truncate if the English characters are too long, and the latter will wrap the entire English word!

And I often use it like this:

word-wrap:break-word; overflow:hidden;

There is no problem under IE, but under FF, long English strings will be covered with excess content

td in table .th forced line break method: