如何使 HTML 表格可水平捲動？

實現可滾動 HTML 表格：水平滾動條指南

向 HTML 表格添加垂直和水平滾動條指南

在 HTML 表格中添加垂直和水平滾動條最初似乎難以捉摸。然而，透過了解基本的 CSS 樣式，它就變成了一個簡單的過程。

使表格可水平滾動

1. 要啟用水平滾動，以下步驟至關重要：
2. 設定「顯示：阻止；」在表格上： 這可確保表格表現為區塊級元素，並允許其在必要時跨行。

套用 'overflow-x: auto;'到表格：

當表格內容超過其水平寬度時，這會啟動水平捲軸的自動外觀。

table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

這裡有一個例子：

額外的注意事項

1. table tbody {
    display: table;
    width: 100%;
   }

單元格高度不符：
2. 有時，表格單元格可能無法完全填滿表格，需要以下附加CSS：

捲動表格標題：適用於涉及捲動表格的更複雜場景標題，請考慮參考網頁中提供的綜合範例。

以上是如何使 HTML 表格可水平捲動？的詳細內容。更多資訊請關注PHP中文網其他相關文章！