從屏幕上延伸出來的Html表格

我有一個表格，它從屏幕向右延伸（它已經固定並且此寬度大於屏幕寬度）。瀏覽器會自動在底部創建滾動條。我如何指導瀏覽器，而在右側的「不可見」區域顯示此表，而不是創建滾動條？這個練習的目的是使用Javascript向左滾動這張表，將其內容顯示在屏幕右側。從屏幕上延伸出來的Html表格

如果設置了「溢出：隱藏」爲「身體」，所有其他內容變得unscrollable情況下，它不適合於在屏幕上（例如，在瀏覽器1024，作爲內容爲1280優化）。我只需要這個表（這是兩個div內）不創建瀏覽器滾動條...

代碼看起來像下面的方式

<div style="position:relative;overflow:hidden;width:1500px"> 
    <div style="float:left"> 
     <table style="table-layout:fixed;width:1500px"> 
      <tr> 
       <td style="width:300px"> 
        aaa 
       </td> 
       <td style="width:300px"> 
        bbb 
       </td> 
       <td style="width:300px"> 
        ccc 
       </td> 
       <td style="width:300px"> 
        ddd 
       </td> 
       <td style="width:300px"> 
        eee 
       </td> 
      </tr> 
     </table> 
    </div> 
</div>

來源

2012-06-20 Anonymous

如果您有其他問題，請發起一個新帖子。 –

添加下面的CSS規則：

body 
{ 
    overflow-x:hidden; 
}

編輯：在看到您的意見，並且table是在div我建議如下。比方說你的標記是：

<div class="tablecontainer"> 
    <table /> 
</div>

使用下面的CSS規則：

div.tablecontainer 
{ 
    overflow-x:hidden; 
}

來源

2012-06-20 10:49:59 Curt

如果我爲設置了「overflow：hidden」，如果不適合屏幕（例如在1024瀏覽器中，因爲內容已優化爲1280），所有其他內容將變爲不可滾動。我只需要這個表格（裏面有兩個DIV）不要創建瀏覽器滾動條... – Anonymous

@Eugeny看我的編輯 – Curt

試試這個

<body style="overflow-x:hidden;">

或使用任何CSS類將此屬性添加到你的身體標記。

來源

2012-06-20 10:51:08

從屏幕上延伸出來的Html表格

回答

相關問題