使用CSS的表格对齐问题

Question

对于使用HTML和CSS，我需要一些帮助来对齐3个独立的表格，以便垂直列在页面中向下对齐时对齐。

由于每个表中的内容数量不同，所以目前还没有。我试图找到其他职位的建议，但没有多少运气。我设置的表格的宽度都相同，但我需要它们的列的大小不同，前两个大小相同，最后一个大小最长，其中内容最多。

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

垂直对齐列。

Answer 1

如果您确定每列的宽度，那么最好最好排列好。只需选择一个与您需要的最大可能宽度相匹配的宽度值即可。

CSS语法很简单。如果声明在HTML中的细胞的东西，如：在第一列标题

<th class="col1"> 

，那么你可以在CSS与定义列的宽度：

.col1 {width:130px} 

Answer 2

您可以尝试添加以下你的CSS：

td { vertical-align: top; } 

您也可以根据您要对齐的内容更改“顶”到“中等”或“底部”。

希望这会有所帮助！

Answer 3

您可以通过以下步骤实现这一目标：

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

，如果你的表有相同的宽度这将工作。