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

Question

我目前面临一个相当困难的问题；非常感谢您的帮助。

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

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

固定宽度是在运行时使用 JQuery 从左边一个一个地设置的（因为这个表嵌套在另一个表中......）

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

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

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

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

谢谢，

Answer 1

在这种情况下，因为宽度太小了，而且文本通常没有那么小的单词，它没有办法将它们换行，所以它td以设置的宽度扩展了 even 的宽度！

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

此外，您可能会遇到文本太宽（例如长单词）的情况，在这种情况下，无法将其换行。除非使用 javascript，否则 IMO 是唯一的方法。

我建议阅读这个答案：HTML TD wrap text

Answer 2

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

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

$('.myTable thead, .myTable colgroup').remove();