Html 确保遵守表格单元格宽度

我有一个带有多个col的HTML

。如何确保在任何情况下都遵守给定的单元格/列宽度？也就是说，如果我给一个单元格一个100px的宽度，并且如果文本内容很长（超过100个字符，没有空格），那么文本内容应该遵循100px的宽度并换行到下一行

我已经尝试过使用

wordwrap:break-word

，但这不起作用

---

请帮帮我

使用

表格布局：固定

以确保您的

td

宽度得到尊重

有关更多信息，请查看

编辑

像这样的东西应该适合你：

table {
    table-layout: fixed;
}
td {
    color:white;
    width:50px;
    background-color:Blue;
    word-wrap: break-word;
    max-width:50px;
}

---

这里是为了演示。

好的……我已经尝试过了……但是对于我有一个文本很长（中间没有空格）的单元格的情况，这似乎不正确。尽管单元格宽度受到尊重，但文本有点重叠，不会换行到下一行。Thx很多…我只是尝试了一下…它在Firefox中运行良好。但在IE8中，我只看到第一行文本内容…换行的第二行根本没有显示。。