Question

更新[2015年5月4日]：似乎最新版本的Chrome（42. *）已修复它。

这看起来像一个令人尴尬的简单问题，但我不知道它的解决方案。重现这一点的最小样本之一是以下HTML代码：

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

请注意，上面的任何地方都没有使用换行符或空白字符（除了分隔属性）

在Firefox中，它看起来像这样：

enter image description here

但是在Chrome中就像这样：

enter image description here

请注意Chrome决定自行添加的额外空格。我已尽力而为，但由于我不需要这些元素之间的空间（或者像FF一样可能是一个简约的值），因此无法删除它。

有关我们如何做到这一点的任何帮助？

谢谢...

Answer 1

尝试重置您的CSS http://www.cssreset.com/。如果不重置，某些DOM元素具有特定于浏览器的布局值。

Answer 2

一种选择是重置CSS中的样式。

您可以将其添加到默认样式表。

* {
padding: 0;
margin: 0;
}

Answer 3

我注意到在源中添加一个新行通常会为选择标记添加空格。如果您喜欢可读来源，这非常麻烦。当然，你不需要在源代码中使用新行，但不应该这样。这是Chrome中的一个错误。