使用CSS的表对齐问题

Question

我很擅长使用HTML和CSS，需要一些帮助来对齐3个单独的表，以便在您向下浏览页面时垂直列对齐。

由于每个表格中的内容数量不同，目前他们还没有。我试过在其他帖子上找到建议，但运气不好。我将表格的宽度设置为完全相同，但是我需要它们的列大小不同，前两个大致相同，最后一个是内容最多的内容。

我能做到这一点的正确方法是什么？

垂直对齐列。

Answer 1

如果你修改每列的宽度最好，那么一切都应该很好地排列。只需选择一个与您可能需要的最大可能宽度相匹配的宽度值。

CSS语法很简单。如果你在html中声明的单元格如下：

<th class="col1"> 

在第一列标题中

，然后您可以使用以下命令定义CSS中列的宽度：

.col1 {width:130px}

Answer 2

您可以尝试在CSS中添加以下内容：

td { vertical-align: top; }

你也可以改变顶部＆＃39;到了中间＆＃39;或者＆＃39;底部＆＃39;取决于您希望内容对齐的位置。

希望这有帮助！

Answer 3

您可以通过执行以下操作来实现此目的：

table .centered {
     margin-left : auto;
     margin-right: auto;
}

如果您的表格宽度相同，这将有效。