javascript - 不要な空白の削除

Question

領域を赤でマークするこのフラグメントクラスがあります。私のシステムは、カテゴリとルールの 2 つのタイプに分かれています。ルールが断片化されている場合、それらは新しい css クラスを適切に受け取り、適切に見えますが、カテゴリとは異なり、カテゴリの上部に不要な空白があります。

ここに私が意味するもののスクリーンショットがあります：

不要な空白

これはライブデモです。私はスタイルのオリジナルの作成者ではないため、適切なコードを提供することはできません。詳細については、ソースコードを確認してください。

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

score 1 · Accepted Answer

を指定するルールがありますh3 { margin-top: 20px; }。それがスペースの原因です。

でそれをオーバーライドできます#main h3 { margin-top: 0; }。

score 1 · Accepted Answer

1

設定する必要があります

#main ul h3, #main ol h3 { margin-top: 0;}

于 2012-10-17T17:39:58.827 に答える

score 0 · Accepted Answer

この問題は、ブラウザによって設定されたデフォルトのパディングが原因であり、次のルールで解決できます。

#rules li{ padding:0px;}

score 0 · Accepted Answer

これは、.fragment (style.php:4007) のパディングが原因です。

.fragment {
    padding: 5px 5px 0 5px;
    background-color: #ECD5D8;
    color: #BC2A4D;
    font-weight: bold;
}

これを変更するか、上書きする必要があります。

score 0 · Accepted Answer

「パディング」CSS 要素を削除するだけです。

これは、次のように静的に行うことができます。

$("#rule1").css("padding-top", "0px");

それが今どのように見えるか見てください：

5 に答える 5