5

私は次のCSSコードを持っています：

    tr.uprightTr
    {
        padding: 0px;
        margin: 0px;
        height: 10px;
        border: none;
        border-spacing: 0px;
    }
    td.uprightTd
    {
        padding: 0px;
        margin: 0px;
        height: 10px;
        border: none;
        border-spacing: 0px;
    }
    table.uprightTbl
    {
        padding: 0px;
        margin: 0px;
        border: none;
        border-collapse: collapse;
        border-spacing: 0px;
    }

そして次のHTML：

<table class="uprightTbl" cellpadding="0" cellspacing="0">
    <tr class="uprightTr">
         <td class="uprightTd"><input type="checkbox" /></td>
...

何を試しても、要素間にある程度のスペースがあります。私が試すことができること、または間違っている可能性があることについてのアイデアはありますか？

PS：Chromeで要素もチェックアウトしましたが、要素は関連するcss行に正常に到達しています。

4

4 に答える 4

12

次のようなすべての要素にCSSルールを追加しようとしましたか？

.uprightTbl * {
    border: none;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

それはあなたの問題を解決するかもしれません。

于 2012-12-04T18:39:31.847 に答える
5

以下のスタイルを適用します。

border-spacing:0;
border-collapse:collapse;

このクエリはすでに存在します：CSSでセルパディングとセルスペースを設定しますか？

于 2012-12-04T18:42:36.663 に答える
2

以下のcssコードを追加します。

input[type=checkbox] { margin:0 }

デフォルトでは、ブラウザはある程度のマージンを設定します。

お役に立てれば..

于 2012-12-04T18:41:19.903 に答える
0

display：inline-block ...を確認し、display：blockに変更します。インラインブロックは、要素の後に3〜4ピクセルのスペースを追加します...

画像を使用している場合は、それらがブロックとして表示されていることを確認してください。

于 2012-12-04T19:09:46.833 に答える