如何將 HTML 表格儲存格中的內容置中對齊？

如何在HTML 表格中居中對齊內容

建立HTML 表格時，通常希望每個單元格的內容都居中水平和垂直。這可以增強表格的可讀性和美觀性。

要將文字在表格單元格中水平居中，您可以使用帶有 text-align 屬性的 CSS。以下範例示範了這一點：

<code class="css">td {
    text-align: center;
}</code>

對於垂直對齊，可以使用vertical-align 屬性。此程式碼片段使文字在單元格中垂直居中：

<code class="css">td {
    vertical-align: middle;
}</code>

您也可以使用內聯樣式屬性使文字居中。如果您只需要將對齊方式套用於特定單元格，這會更方便：

<code class="html">&lt;td style=&quot;text-align: center; vertical-align: middle;&quot;&gt;Text&lt;/td&gt;</code>

具有內聯樣式屬性的範例：

<code class="html">&lt;table&gt;
    &lt;tr&gt;
        &lt;td style=&quot;text-align: center; vertical-align: middle;&quot;&gt;Text&lt;/td&gt;
        &lt;td style=&quot;text-align: center; vertical-align: middle;&quot;&gt;Text&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;</code>

使用CSS 或內聯樣式，您可以輕鬆居中對齊HTML 表格單元格的內容，提供更專業、更有條理的外觀。

以上是如何將 HTML 表格儲存格中的內容置中對齊？的詳細內容。更多資訊請關注PHP中文網其他相關文章！