如何創建：響應式表格

學習如何創建響應式表格。

響應式表格

如果屏幕太小，無法顯示全部內容，響應式表格將顯示水平滾動條。

請調整瀏覽器窗口大小以查看效果:

First Name	Last Name	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points
Jill	Smith	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50
Eve	Jackson	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94
Adam	Johnson	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67

為了創建一個響應式表格，在 <table> 外圍添加一個包含 overflow-x:auto 的容器元素：

<div style="overflow-x:auto;">
  <table>
    ...
  </table>
</div>

注意：在 OS X Lion（Mac 上）中，滾動條默認隱藏，僅在使用時顯示（即使設置了 "overflow:scroll" 或 auto）。