html - ChromeのHTML要素間の余分な空白

Question

更新[2015年5月4日]：Chromeの最新バージョン（42. *）で修正されたようです。

恥ずかしいほど単純な問題のように見えますが、解決策がわかりません。これを再現する最小のサンプルの1つは、次のHTMLコードです。

<html><body><input type="button" value="button1"/><input type="text"><input type="button" value="button2"/></body></html>

上記のどこにも改行や空白文字は使用されていないことに注意してください（属性を区切る場合を除く）

Firefoxでは、次のようになります。

ここに画像の説明を入力してください

しかし、Chromeでは次のようになります。

ここに画像の説明を入力してください

Chromeが独自に追加することを決定した余分な空白に注意してください。できる限りのことを試しましたが、これらの要素の間にスペースが必要ないため、これを削除できませんでした（または、FFのように最小限の値である可能性があります）。

どうすればそれができるのでしょうか？

ありがとう ...

score 1 · Accepted Answer

CSS（http://www.cssreset.com/ ）をリセットしてみてください。一部のDOM要素には、リセットしない場合、ブラウザ固有のレイアウト値があります。

score 1 · Accepted Answer

1つのオプションは、CSSのスタイルをリセットすることです。

これをデフォルトのスタイルシートに追加できます。

* {
padding: 0;
margin: 0;
}

リセットに関するもう少し情報が必要な場合は、ここに適切な情報があります：http: //perishablepress.com/a-killer-collection-of-global-css-reset-styles/

score 0 · Accepted Answer

ソースに新しい行を追加すると、タグを選択するための空白が追加されることがよくあります。読み取り可能なソースが好きな場合、これは非常に面倒です。もちろん、ソースに改行は必要ありませんが、このようにするべきではありません。Chromeのバグです。

3 に答える 3