1

私は数年前からウェブサイトを作成していますが、最近html5 doctypeを使い始めて、今日、4pxのパディングボトムが画像に追加される動作を発見しました。

doctypeをxhtml1.0に変更すると、パディングが消えます

簡単な例を次に示します。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Technic-Al</title>
    <style>
html, body {
margin:0;
padding:0;
}
#contain {
width: 900px;
background-color:#6C0;
}
</style>
</head>

<body>
<div id="contain">
<img src="images/head.gif" width="900" height="100" border="0" alt="head">
</div>
</body>
</html>

Doctypeを他のいずれかに変更すると、下部のパディングが削除されます（背景から緑色）

かなりの数の人々が修正を提案するためにここに来ました

line-height = 0

同様に機能する別の修正があると思います。

または、「回避策」と言うべきですか

しかし、確かにこれはhtml5 doctypeのバグですか？

私たちはそれについて誰に話しますか？このようなバグを扱うのは誰ですか？どうすれば修正できますか？

ここの誰かがこれを修正する方法を知っていますか？

4

3 に答える 3

2

これはバグではなく、CSS仕様で発生するはずだと言われています。HTML5固有ではなく、HTML 4.01 strictとXHTML 1.0 strictdoctypesは同じことを行います。

これはパディングではありません。これは、ラインボックスの計算された高さの結果です。

変更される見込みはありません。Webページが多すぎると、既存の動作に依存します。

このための適切な権限は、W3CCSSワーキンググループです。

于 2012-11-22T13:47:38.687 に答える
2

ページの下部にパディングが表示されるという問題がありました

img { display:block ; }

上記のcssファイルに書き込むと、問題が解決しました。この助けを願っています

于 2013-08-12T11:59:17.937 に答える
1

vertical-aligncssのプロパティを使用します：

img{
    vertical-align:top;
}
于 2012-11-22T11:12:53.617 に答える