html - 有什么方法可以将表格列宽与 HTML + CSS 同步？

Question

我有许多具有相同列的表格，如果它们具有相同的列宽，看起来会好很多。这样的事情可能吗？将它们放在同一个表格中，其中一些行之间没有边框不是一种选择。

编辑: 是的，我知道我可以自己修复宽度，但我希望有一些东西可以与浏览器的列宽算法相关联，但只是为了这个目的将两个或多个表绑在一起做那个布局。

我不认为这样的事情是可能的，但我想我会检查以防万一。

Answer 1

如果您对浏览器提供的列宽不太挑剔，只要不同表格的列宽相同，您可以使用 CSS table-layout属性(所有主要浏览器都支持)与表格宽度相结合:

table {
    table-layout: fixed;
    width: 100%;
}

这会导致所有列(没有指定宽度)具有相同的宽度，而不管表格内容如何。