Question

我有一个HTML表格，其中每个单元格都包含大量数据。我希望每个单元格都可以单独滚动（有点像“窗格”），所以我创建了一个包含overflow：scroll属性的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>

Answer 1

我在发帖后一分钟解决了这个问题，虽然我已经在这里工作了好几个小时。实际问题是，当表格宽度大于每个单独单元格（或跨越区域）的宽度之和时，出现了单元格填充。巧合的是，我只在外部样式表中尝试了更大的数字，在实际代码中只尝试了小数字，因此看起来问题是由数据所在的地方造成的，而不是数据是什么

Answer 2

好的，要添加一些内容，快速查看将scroll属性应用于表td而不是span标记可能更有意义。从逻辑上讲，当单元格的内容超出其给定的维度时，它会溢出，并且您要求溢出显示为滚动....您在CSS中定义的属性似乎更适合表格元素而不是跨度....但当然你最了解你的需求。

包含css滚动条的HTML单元格 - 如何摆脱填充？

2 个答案: