Javascript 表格溢出时奇怪的HTML表格行高

溢出前的情况1:正常且可接受

溢出后的情况2:仅在右侧添加单元格后出现问题。为整行和整行设置“不必要”高度

---

“我的所有表格”是否有多个单元格的单一解决方案？如果没有为列或整个表格指定绝对宽度，则假定其宽度不应超过页面宽度。您的解决方案是为每一列指定一个宽度（例如，

min width:100px

-），或者使用

overflow:scroll

在表格周围放置一个包装，然后为表格指定一个宽度，使每一列的大小正确（）

---

---

根据建议进行编辑，您还可以为每个

td

赋予

空白：nowrap

属性。这将确保每个

td

将尽可能地拉伸，以便在一行上显示其内容。但是，当使用较长的文本时，不建议这样做。

您可以使用以下jquery：

for (var i = 0, row; row = document.getElementsByTagName('table')[0].rows[i]; i++) {
    if (row.offsetHeight > 200) {
        document.getElementsByTagName('table')[0].style.width = "1500px";
        if (row.offsetHeight > 200) {
            document.getElementsByTagName('table')[0].style.width = "2000px";
            if (row.offsetHeight > 200) {
                document.getElementsByTagName('table')[0].style.width = "2500px";
            }
        }
    }
}

---

你的问题是桌子试图使自己尽可能窄吗？除了给它一个以像素（或ems）为单位的显式宽度外，我不确定是否有解决方案。或者您可以使用

表布局：修复
。嘿，给每个单元格
空白：nowrap
。我的问题是否不清楚？不，除非你满意给每个单元格
空白：nowrap
。但是我的所有表格都需要一个解决方案（很多），我的所有表格都有完全不同的文本，行数和列数等。您的建议都不起作用。@feacco然后
whitespace:nowrap
方法的唯一问题是它不适合较长的文本。我说的对吗？谢谢你的回答，但min width不适用于我的所有表格，因为所有表格都有不同的长度数据，相同的宽度所有表格都有不同的单元格数量和长度，所以请删除你的答案，这样它将转到“未答复”，谢谢你的理解。@feacco你能至少更好地描述一下你想要什么吗？目前，我的解决方案解决了您的问题，因此只有在您更精确地指定的情况下才能给出更好的答案。两种方法的结合可以解决此问题：使用空格：nowrap删除空格或使每个单元格单行+强制使每行和每列中最长的单元格为正方形或近似正方形将使表格紧凑。