使用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; 
} 

，如果你的表有相同的寬度這將工作。