HTML细胞包含CSS滚动条 - 怎样才能摆脱填充？

StackOverflow https://stackoverflow.com/questions/2103629

  •  21-09-2019
  •  | 
  •  

题

我有一个HTML表格，其中每个单元包含大量的数据。我想每个单元被单独滚动（有点像“窗格”），所以我创建了一个CSS类，包括溢出：滚动属性。然而，宽度是不是每次我采用了CSS类的时间相同。这引起电池填充问题。当宽度在外部样式表被定义（其不为我工作，因为我需要能够设置不同的宽度）中，“窗格”填满整个细胞，但是当我在单元级别定义它，有填充围绕“窗格”，在细胞内。

下面是类定义：

.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>
有帮助吗？

解决方案

我发帖后解决了这一分钟，但我一直在这工作了几个小时。实际的问题是，当表宽度比每个单独的小区（或跨区区域）的宽度之和越大，单元格填充出现。巧合的是，我只试图在外部样式表更大的数字，和实际的代码内的小的，因此就出现了问题是由数据在何处引起的，不是什么数据是

其他提示

好吧，添加的东西是，在快速浏览一下它可能会更有意义，滚动财产申请表TD是不是跨度标签。从逻辑上讲，然后，当细胞的含量超过其给定的尺寸，它溢出了，你请求溢出显示为滚动....你在你的CSS定义属性似乎更适合表元素，而不是跨越....当然你知道你需要最好的。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top