HTML - 以恆定寬度水平滾動表格視圖

Question

我必須創建一個寬度爲800像素的網頁。所以我使用下面的標籤，使視圖的寬度爲800.

<div style="width:800px"> 

這工作正常。

但有時候，我必須顯示一個20列的表格視圖。當我添加超過800像素的表格視圖時，

<table border=1> 

整個視圖正在滾動。

我只想讓表格滾動，因爲視圖的寬度固定爲800像素。

我嘗試使用<table border=1 width=800px>，但它仍然無法正常工作。

有人可以指出我正確的教程或例子來解決這個問題嗎？

Answer 1

使用overflow-x: scroll上DIV /表

參考LIVE DEMO

Answer 2

你可以把你的表內的div像下面並設置overflox-X：滾動風格吧。

<div style="width:800px; overflow-x:scroll"> 
    <table> 
    // Your table content comes here. 
    </table> 
</div> 

希望這一個會幫助你！