html - ボタンの画像: 奇妙なスペース

Question

まず、Firefox 4 Beta 8 での結果:

示されている前者の要素はbuttonでありimg、後者はでdivあり、imgです。前者の場合に見られるように、の境界線imgとの境界線の間に奇妙なスペースがありbuttonます。どうやったら取り除けるのかしら。

ここにCSSファイル：

* {
    margin: 0;
    padding: 0;
}

button, img, div {
    border: 1px solid black;
}

img {
    display: block;
}

score 4 · Accepted Answer

上記のテストケースを他のブラウザーでテストしたところ、これはおそらく CSS の問題ではなく、Firefox のバグであることがわかりました。少し調査した後、次のバグレポートを見つけました:バグ 140563 - <button>CSS スタイルを無視しますpadding:0

そのバグレポートには、問題の修正があります。

button::-moz-focus-inner {padding:0; border:0}

score 0 · Accepted Answer

0

widthを設定する必要があると思いますdiv

于 2010-10-12T08:38:47.077 に答える

score 0 · Accepted Answer

paddingお求めのは適用されていないようです。ボタンに明示的に設定しようとしましたか？

3 に答える 3