如何在 HTML 表格中保持固定的儲存格寬度？

維持固定表格單元寬度

表格仍然是一種常見的佈局方法，引發了有關控制單元格寬度的問題。使用寬度屬性的傳統儲存格樣式通常會失敗，因為儲存格內容擴充功能會覆寫指定的寬度。

jqGrid 如何實現固定單元格寬度

jqGrid 使用元素組合：

• 標籤：標籤： 內設定寬度屬性指定所需的列寬。
• 表格版面：固定樣式：套用至表格，此樣式會鎖定列寬，無論儲存格內容為何。
• overflow: 表格儲存格上的隱藏樣式：此樣式可防止單元格內容溢位超出指定範圍

實現固定單元格寬度

要在您自己的表格中實現固定單元格寬度：

1. 包含
2. 列>標記並指定每列所需的寬度。
3. 使用 CSS 將 table-layout: 固定樣式套用到表格。

在各個表格儲存格上設定溢位：隱藏樣式。

範例程式碼

<table>
    <col width="20px">
    <col width="30px">
    <col width="40px">
    <tr>
        <td>text</td>
        <td>text</td>
        <td>text</td>
    </tr>
</table>

HTML:

table { table-layout: fixed; }
table td { overflow: hidden; }

CSS:

以上是如何在 HTML 表格中保持固定的儲存格寬度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！