0

他のいくつかの HTML 要素内にテーブルがあり、それが奇妙にレンダリングされます。CSS で折りたたまれているように設定しても、境界線のスペースが表示されます。テーブルは次のようになります。

ここに画像の説明を入力

そしてhtmlはこれです：

<table cellspacing="0" border="1" class="scrollable-headers-only" title="" cellpading="0">
        <thead title="">
            <tr title="">
                <th class="check" title=""></th>
                <th class="type" title=""></th>
                <th class="name" title="">Name</th>
                <th class="address center-column" title="">Address</th>
                <th class="domain" title="">Domain</th>
                <th class="status" title="">Status</th>
            </tr>
        </thead>
    </table>

FireBugに表示されるcssは次のとおりです。

  • メインテーブルの場合: ここに画像の説明を入力

  • ごとに：

ここに画像の説明を入力

境界線を追加しただけで、セル間の[エース]が表示されます。私の問題は、そのスペースをなくすことです。cellpading と cellspacing = 0 をテーブルに追加しましたが、違いはありません。レンダリングを変更せずに、css を追加してそのスペースを削除しました。

このテーブルは別のテーブルのヘッダーとして使用されており、その列を他のテーブルに揃える必要があります。画像からわかるように、テーブルの下に小さな線があります。このテーブルを 2 番目のテーブルと揃える必要があります。このため、100% の精度を得ることが重要です。

どうしたの？ありがとうございました。

4

1 に答える 1

0

display: inline-block;for要素thと要素を削除することから始めtableます。Firefox はそれらをインライン要素として扱い、余分なスペースを挿入します。それを排除する別の方法は、font-size: 0;fortableおよびfont-size: 12px;forth要素を設定することです。

于 2013-03-18T15:36:00.027 に答える