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