包含css滚动条的HTML单元格--如何去除填充?

包含css滚动条的HTML单元格--如何去除填充?,html,css,cellpadding,Html,Css,Cellpadding,我有一个HTML表,其中每个单元格都包含大量数据。我希望每个单元格都可以单独滚动(有点像“窗格”),因此我创建了一个CSS类,其中包含overflow:scroll属性。但是,每次使用CSS类时,宽度都不相同。这会导致单元格填充问题。当在外部样式表中定义宽度时(这对我不起作用,因为我需要能够设置不同的宽度),“窗格”填充整个单元格,但当我在单元格级别定义它时,单元格内的“窗格”周围有填充 以下是类定义: .imitationPane{ display: block; border

我有一个HTML表,其中每个单元格都包含大量数据。我希望每个单元格都可以单独滚动(有点像“窗格”),因此我创建了一个CSS类,其中包含overflow:scroll属性。但是,每次使用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>

世界你好,Bjkgkgdtfdfhbufgfckjgetdkhgytfkgughthyufrdyufukg

世界你好,Bjkgkgdtfdfhbufgfckjgetdkhgytfkgughthyufrdyufukg

再一次 世界你好,Bjkgkgdtfdfhbufgfckjgetdkhgytfkgughthyufrdyufukg

第三单元 世界你好,Bjkgkgdtfdfhbufgfckjgetdkhgytfkgughthyufrdyufukg

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

我在发布后一分钟解决了这个问题,尽管我已经为此工作了数小时。实际问题是,当表格宽度大于每个单元格(或跨区域)宽度之和时,就会出现单元格填充。巧合的是,我只在外部样式表中尝试了较大的数字,而在实际代码中尝试了较小的数字,因此问题似乎是由数据所在的位置引起的,而不是由数据是什么引起的,快速查看时,将scroll属性应用于表td而不是span标记可能更有意义。从逻辑上讲,当单元格的内容超过其给定的维度时,它会溢出,并且您请求将溢出显示为scroll。。。。您在CSS中定义的属性似乎更适合于表元素,而不是span。。。。当然,您最了解自己的需要。

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

我实际上先尝试了这个选项,但它会强制每个单元格在屏幕上显示在自己的行上。我不知道如何让单元格并排显示(直到我指定一个新行实际开始),即使我尝试扩展表格宽度以确保有足够的空间容纳所有内容。你知道为什么会发生这种情况吗?实际上我先尝试了这个选项,但它会强制每个单元格在屏幕上显示在自己的行上。我不知道如何让单元格并排显示(直到我指定一个新行实际开始),即使我尝试扩展表格宽度以确保有足够的空间容纳所有内容。你知道为什么会这样吗?