如何使用 CSS 設定表格列寬？

設定表格列寬

表格通常用於呈現表格數據，但調整列寬對於確保可讀性和可用性至關重要正確對齊。在本文中，我們將探討如何使用 CSS 設定表格列的寬度。

使用 CSS 寬度屬性的方法

表格列的寬度可以使用 col 元素的 width 屬性來設定。寬度值可以以像素為單位指定（例如 width: 200px;），也可以指定為父元素寬度的百分比（例如 width: 50%;）。

使用內聯樣式屬性的範例:

此範例使用col 元素內的內聯樣式屬性來設定三列的寬度：

<code class="html"><table style="width: 100%;">
    <colgroup>
        <col span="1" style="width: 15%;">
        <col span="1" style="width: 70%;">
        <col span="1" style="width: 15%;">
    </colgroup>

    <!--- ... remaining table elements ---->
</table></code>

以上是如何使用 CSS 設定表格列寬？的詳細內容。更多資訊請關注PHP中文網其他相關文章！