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

私は何時間も取り組んでいましたが、投稿後1分でこれを解決しました. 実際の問題は、テーブルの幅が個々のセル (またはスパンされた領域) の幅の合計よりも大きい場合に、セルのパディングが発生することでした。偶然にも、私は外部スタイル シートでより大きな数値を試し、実際のコード内で小さな数値しか試していなかったので、問題はデータがどこにあるかではなく、データがどこにあるかによって引き起こされたように見えました。

于 2010-01-20T18:14:59.237 に答える
0

OK、それに何かを追加するには、簡単に見てみると、span タグの代わりにスクロール プロパティをテーブル td に適用する方が理にかなっているかもしれません。論理的には、セルのコンテンツが指定されたサイズを超えるとオーバーフローし、オーバーフローがスクロールとして表示されるように要求します.... CSSで定義している属性は、スパンではなくテーブル要素に適しているようです....しかしもちろん、あなたのニーズを最もよく知っているのはあなたです。

于 2010-01-20T23:11:35.280 に答える