如何将表格列的宽度设置为固定值？

Question

我现在面临一个相当棘手的问题;真的很感谢你的帮助。

我有一个包含2列的表，td1和td2，并且包含文本，两者都有固定的宽度。

td1.width = 10px和td2.width = 20px

使用JQuery从左侧逐个设置固定宽度（因为此表嵌套在另一个表中......）

文本宽度可能比这些固定宽度更长，在这些情况下，预期行为是

列的固定宽度应保持相同 1）如果有额外的文本，文本应该换行，不应增加或减少td宽度2）如果有空格，单元格宽度应该调整其他列或页面大小时不得减少;它应该保持不变。

我已将td.whitespace属性设置为预包装和td.word-wrap：break-word但它们没有帮助。

如何使用css 2.0（而不是3.0）来实现这些目标？

谢谢，

Answer 1

在这种情况下，因为宽度很小，而且文本通常没有那么小的单词，所以它无法包装它们，因此即使有一组，它也会扩展td的宽度宽度！

它会减小第二个td的宽度，因为第一个使用额外的宽度。

此外，您可能会遇到文本太宽的情况（例如长字），在这种情况下无法包装它。除非使用javascript，IMO才是唯一的方法。

我建议您阅读以下答案：HTML TD wrap text

Answer 2

好的，我解决了。我的桌子上有thead和colgroups。虽然隐藏了它们的显示属性，IE 9.0忽略了它，而IE 6.0在计算列宽时将它们考虑在内！

我使用jquery删除它们并整理出来！

$（'。myTable thead，.myTable colgroup'）。remove（）;