4

h3Chrome でのみ、タグに奇妙なパディングが表示されます。最も奇妙なことは、CSS を介してそれを防止または制御することはできず、テキストを選択すると、選択範囲がテキストh3の右と下に拡大するように見えることです。

Chrome でプレビュー:

ここに画像の説明を入力

他のブラウザでプレビュー:

ここに画像の説明を入力

Chrome でのこの余分なパディングは、不整列の原因となり、望ましくないコンテナの高さを拡張します。

これがフィドルです。

問題を特定するのを手伝ってもらえますか?

注: 私は CSS のリセットを使用line-heightしmarginますpadding。

4

4 に答える 4

2

line-height: 0;div に追加してみてください:

#mailing div {
    line-height: 0;
}

以下も追加してみてください。

#mailing .moduletable {
    display: table;
}

更新された jsfiddle: http://jsfiddle.net/BbJhE/12/

于 2013-07-17T14:56:06.863 に答える
0

h3 の行の高さをハードに設定してみてください。

#mailing h3 {
    font:small-caps .95em"Times New Roman", Times, serif;
    letter-spacing:1px;
    text-transform:capitalize;
    text-shadow:0 1px 0 #fff;
    color:#6b6b6b;
    padding:10px;
    margin:0;
    float:left;
    line-height:20px;
}
于 2013-07-17T14:57:07.540 に答える