如何建立同時具有垂直和水平捲軸的 HTML 表格？

在 HTML 表格中實現垂直和水平滾動條

創建需要垂直和水平滾動的表格可能具有挑戰性。以下是使用CSS 實現此目的的方法：

1. 顯示為區塊： 設定display: block讓表格將其視為容器。


2. 啟用水平滾動：應用 overflow-x: auto啟用水平滾動。


3. 防止換行：使用white-space: nowrap防止表格單元格內出現過多的換行符。

以下 CSS 程式碼舉例說明了此方法：

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

範例：

<table>

額外注意事項：

• 為確保單元格寬度分佈，請新增table tbody { display: table;寬度：100%； }到CSS。
• 請參閱外部資源以取得更進階的範例，例如捲動表格標題。

以上是如何建立同時具有垂直和水平捲軸的 HTML 表格？的詳細內容。更多資訊請關注PHP中文網其他相關文章！