HTML Zelle mit CSS Scrollbalken - wie kann ich die Polsterung loswerden?

Question

Ich habe eine HTML-Tabelle, wobei jede Zelle eine große Menge an Daten enthält. Ich würde jede Zelle gerne individuell scrollbaren sein (Art wie „Scheiben“), so dass ich eine CSS-Klasse erstellt, die den Überlauf beinhaltet: Scroll-Attribut. Jedoch ist die Breite für jede Zeit nicht das gleiche, dass ich die CSS-Klasse verwenden. Dies verursacht eine Zelle padding Problem. Wenn die Breite im externen Stylesheet definiert ist (was für mich nicht funktioniert, da ich unterschiedliche Breiten einstellen müssen in der Lage), die „Scheibe“ die gesamte Zelle füllt, aber wenn ich es auf der Zellebene zu definieren, es wird innerhalb der Zelle, um den „Fensterbereich“, Polsterung.

Hier ist die Klassendefinition:

.imitationPane{
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: 000;
    margin-top: 5px;
    padding:5px;
    height: 200px;
    overflow: scroll
 }

Hier ist der HTML-Code:

<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

Ich löste diese 1 Minute nach Buchung, auch wenn ich für mehrere Stunden daran gearbeitet hatte. Das eigentliche Problem war, dass, wenn die Tischbreite größer ist als die Summe der Breiten der einzelnen Zelle war (oder aufgespannten Fläche), die Zelle padding erschien. Zufälligerweise hatte ich nur ein größere Anzahl im externen Stylesheet versucht, und kleine innerhalb des eigentlichen Code, daher schien es, dass das Problem durch verursacht wurde, wo die Daten waren, nicht das, was die Daten war

Answer 2

Ok, etwas hinzufügen, dass auf einigen es mehr Sinn machen, könnte die Scroll-Eigenschaft auf den Tisch td ist anstelle der span-Tags anwenden. Logischerweise dann, wenn der Inhalt der Zelle ihre gegebenen Abmessungen überschreitet, es überläuft, und Sie verlangen, dass der Überlauf als Scroll gezeigt wird .... die Attribute, die Sie in Ihrem CSS sind definiert, scheinen besser geeignet, um die Tabellenelemente anstatt Spanne .... aber natürlich wissen Sie am besten Ihre Bedürfnisse.