如何使用CSS打破<td>中的长单词？

Question

在td的table,我有一个很长的一个字" 火山肺矽病 ",我想,以减少的宽度table,但不能因为在一本长字的做td,我可以通过给打破这个词<br />,但没有任何CSS方法来打破根据可用空间这个词.没有在HTML中提供换行符或编辑任何内容.

Answer 1

请尝试以下方法:

word-wrap: break-word;
white-space: normal;

自动换行是css3(但它适用于IE).但是,您可能无法在旧版浏览器中使用它.

Answer 2

以下适用于我:

    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;

Answer 3

如果没有空格,请尝试以下代码用于中断单词.

word-wrap: break-word;
word-break: break-all;

Answer 4

td span{display:block;width:your_max_width_here.px}

<td><span>Pneumonoultramicroscopicsilicovolcanoconiosis</span></td>