如何在表格單元格中居中文本

如果您是新手網頁設計師，您可能會對如何將文本居中放置在表格單元格中有疑問。 通過本指南，您可以在幾分鐘內掌握這項技術。 這很容易 - 即使你以前從未嘗試過。

入門

將文本居中放置在單元格內最好使用CSS完成，就像在網頁的另一個元素中居中放置文本一樣。 然而，在你開始之前，你需要確定你想要居中的是什麼。 使用表格，您可以選擇多個選項，包括表格中的每個單元格; 表格中的每個單元格中的每個表頭單元格，表格主體或表格主體中的每個單元格。 您也可以將表格中的特定單元格或一組單元格居中。

另外，您應該在文檔的頭部創建一個內部樣式表 ，或者將其作為外部樣式表附加到文檔中。 您將放置樣式以將表格單元格置於該樣式表中。

如何將表格中的每個單元居中

將以下幾行添加到您的樣式表中：

td，th {text-align：center; }

如何將表格中的每個頁眉單元居中

將以下幾行添加到您的樣式表中：

th {text-align：center; }

將桌子，身體或腳的每個細胞居中

為了居中這些單元格，您需要添加並非總是使用的表格標籤，例如，和。 然後，你將用這些標籤包圍你的表格單元，以識別表頭，身體和腳。 之後，您將在樣式表中添加以下內容：

thead th，the td {text-align：center; } tbody th，tbody td {text-align：center; } tfoot th，tfoot td {text-align：center; }

刪除不想居中區域的樣式。

如何將表格中的特定單元格或單元格居中

要做到這一點，你需要在你想要居中的單元上設置一個類。

將以下屬性添加到您希望居中的表格單元格中：

class =“centered-cell” >

然後將以下內容添加到您的樣式表中：

.centered-cell {text-align：center; }

您可以將此類添加到表格中的任何單元格。

包起來

不要猶豫，在任何一個表格單元上使用這些樣式。 您可以在合併的單元格或單個單元格上使用它們，並且其中的文本將居中。