包含css滾動條的HTML單元格 - 如何擺脫填充？

我有一個HTML表格，其中每個單元格包含大量的數據。我希望每個單元格都可以單獨滾動（有點像「窗格」），所以我創建了一個包含overflow：scroll屬性的CSS類。但是，每次我使用CSS類時，寬度都不相同。這造成了單元格填充問題。當在外部樣式表中定義寬度時（這對我不起作用，因爲我需要設置不同的寬度），「窗格」填充整個單元格，但是當我在單元級別定義寬度時，在單元內的「窗格」周圍有填充。包含css滾動條的HTML單元格 - 如何擺脫填充？

下面是類的定義：

.imitationPane{ 
    display: block; 
    border-width: 1px; 
    border-style: solid; 
    border-color: 000; 
    margin-top: 5px; 
    padding:5px; 
    height: 200px; 
    overflow: scroll 
}

下面是HTML代碼：

<table cellpadding=0 cellspacing=2 border=1 width=720> 
    <tr> 
     <td align=left> 
      <span class="imitationPane"> 
    Hello World bjkgkgdtfdfhbvufgfckjgetdkhgytffkgughkhyufrdyufukg<br><br><br> 
      </span> 
     </td> 
     <td align=left> 
      <span class="imitationPane"> 
    Hello World bjkgkgdtfdfhbvufgfckjgetdkhgytffkgughkhyufrdyufukg<br><br><br> 
<h1>AGAIN</h1> 
      </span> 
     </td> 
    </tr> 
    <tr> 
     <td align=left> 
      <span class="imitationPane"> 
    Hello World bjkgkgdtfdfhbvufgfckjgetdkhgytffkgughkhyufrdyufukg<br><br><br> 
<h1>CELL 3</h1> 
      </span> 
     </td> 
     <td align=left> 
      <span class="imitationPane"> 
    Hello World bjkgkgdtfdfhbvufgfckjgetdkhgytffkgughkhyufrdyufukg<br><br><br> 
<h1>CELL 4</h1> 
      </span> 
     </td> 
    </tr> 
</table>

來源

2010-01-20 twpc

我發佈後解決了這一分鐘，但我一直在這工作了幾個小時。實際的問題是，當表格寬度大於每個單元格（或跨區域）寬度的總和時，出現單元格填充。巧合的是，我只試圖在外部樣式表更大的數字，而小的實際代碼中，因此出現該問題是由數據是哪裏造成的，也不是什麼數據是

來源

2010-01-20 18:14:59 twpc

好，加點東西對此，快速瀏覽一下，將滾動屬性應用於表格td而不是span標籤可能更有意義。從邏輯上講，當單元格的內容超過了給定的尺寸時，它會溢出，並且你要求溢出顯示爲滾動....你在CSS中定義的屬性似乎更適合表格元素而不是跨度....但是當然你最瞭解你的需求。

來源

2010-01-20 23:11:35 Tom

我其實先試過這個選項，但它強制每個單元出現在屏幕上它自己的行上。我無法弄清楚如何讓單元格並排顯示（直到我指定新行已經開始實際開始），儘管我試圖擴大表格寬度以確保有足夠的空間存放所有內容。你知道爲什麼會發生這種情況嗎？ – twpc 2010-01-22 14:05:12

包含css滾動條的HTML單元格 - 如何擺脫填充？

回答

相關問題