1

我有一个 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>
4

2 回答 2

1

我在发布后一分钟解决了这个问题，尽管我已经工作了几个小时。实际问题是，当表格宽度大于每个单独单元格（或跨越区域）的宽度之和时，就会出现单元格填充。巧合的是，我只在外部样式表中尝试了较大的数字，而在实际代码中尝试了较小的数字，因此问题似乎是由数据在哪里引起的，而不是由数据是什么引起的

于 2010-01-20T18:14:59.237 回答
0

好的，为了添加一些东西，快速浏览一下，将滚动属性应用于表 td 而不是跨度标签可能更有意义。从逻辑上讲，当单元格的内容超过其给定尺寸时，它会溢出，并且您请求将溢出显示为滚动......您在 CSS 中定义的属性似乎更适合表格元素而不是 span .... 当然，您最了解自己的需求。

于 2010-01-20T23:11:35.280 回答