html - 我的 HTML 表格只能用 TH 宽度调整大小吗？

Question

我无法使 HTML 表格正常运行。这是一张宽大的桌子，大约有 44 列，如果它从用户的屏幕向右延伸就可以了（我想要它）。

我试图通过为每个表头提供三个类之一来为我的每一列提供三个宽度之一：

.c_th_small {
    width: 60px;
}
.c_th_medium {
    width: 100px;
}
.c_th_large {
    width: 500px;
}

我将这三个标签之一放入表格标题单元格中。但是，如果我给整个表格一个 Width 属性，它们只会调整我的列的大小。如果我让我的桌子真的很宽，那么这些工作，但他们与桌子的宽度打架。

我的问题是，我可以告诉每一列它应该有多宽，并让它强制表格尽可能宽吗？我真的不想为我的表格设置宽度，我只想让它与所有列加在一起的宽度一样宽。这适用于较小的桌子，但这张大桌子似乎无法变得足够宽。

score 1 · Accepted Answer

听起来您需要使用CSS规则

table { table-layout: fixed; }

这告诉浏览器使用第一行单元格的宽度来确定列宽，而不是同时考虑单元格的内容。

1 回答 1