Question

我认为自己精通CSS和HTML，但我无法用HTML表格中的一个列来解决这个问题。这是链接：

我已经在它工作了很长一段时间并使用了固定宽度，最小宽度，最大宽度，并且无法弄清楚如何在表格中正确调整最后一列（在注释下）尺寸减小。如果您减少并增加浏览器窗口，您将看到表调整大小以适应。当您减少浏览器窗口时，最后一列会弹出到下一行。

我知道这没有响应，等等，我们之后正在做所有这些工作，但是现在我只是想让评论栏中的内容减少宽度并适合它自己的专栏。

非常感谢任何帮助。

Answer 1

当我在Chrome中测试时，这个解决方案对我有用..也有点小故障..

th[scope="row"] table.reports_table tr td {
    padding: 8px 10px;
    color: black;
    float: left; /*Remove this */
}

Answer 2

如果内容增长超过表格大小，则通常会溢出。将表格布局设置为“固定”，这将防止内容溢出。在你的情况下：

.table.reports_table {
table-layout:fixed;
}

当表格布局固定时，最小宽度对表格元素几乎无用。所以将它们改为宽度。在你的情况下：

.th[scope="row"] table.reports_table tr td:nth-child(10) {
width: 440px;
}

打破单词以适应表格中所有td的单元格。在你的情况下：

.reports_table{
    word-break: break-all;
}