Chrome中HTML元素之间的额外空白_Html_Google Chrome_Whitespace

Chrome中HTML元素之间的额外空白

html google-chrome

Chrome中HTML元素之间的额外空白,html,google-chrome,whitespace,Html,Google Chrome,Whitespace,更新[2015年5月4日]：似乎最新版本的Chrome（42.*）已经修复了它这看起来是一个令人尴尬的简单问题，但我不知道解决办法。复制此内容的最小示例之一是以下HTML代码： <html><body><input type="button" value="button1"/><input type="text"><input type="button" value="button2"/></body></html&

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

这看起来是一个令人尴尬的简单问题，但我不知道解决办法。复制此内容的最小示例之一是以下HTML代码：

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

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

在Firefox中，如下所示：

但在Chrome中是这样的：

请注意，Chrome决定自己添加额外的空格。我已经尝试了我能做的一切，但没有能够删除这个，因为我不需要这些元素之间的空间（或者可能是一个像FF一样的最小值）

有人帮我们怎么做吗

谢谢…

尝试重置CSS。

如果不重置某些DOM元素，则它们具有特定于浏览器的布局值。

一个选项是重置CSS中的样式

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

* {
padding: 0;
margin: 0;
}

如果您需要有关重置的更多信息，这里有一个很好的例子：

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

它一定是您的css。上面的HTML本身在chrome中很好。小提琴手：那就给我们看看你的css。@kennypu根本就没有css！html文件中唯一需要的就是我上面写的一行代码。@Musa啊，我总是忘记规范化的css；）@这是因为所有浏览器都在元素上设置了默认的填充/边距。这就是为什么使用重置css很重要，这样元素在所有浏览器中都有相等的间距。啊。这很有效。伙计！为什么任何浏览器都会有这么奇怪的东西！我对CSS了解不多，但最奇怪的是，我已经尝试在包含的主体上添加填充和边距0，或者添加额外的包含div元素。在所有方面，即使它不适用于整个页面，它也应该尊重这一点，但事实并非如此。现在我不知道该给哪个做标记。可能是这一个，因为它是具体的，尽管Daan Callaert以前已经回答过。很高兴这解决了你的问题。所有浏览器处理css的方式都不同。有些人比其他人好。在大多数情况下，我倾向于使用上面的代码重置样式。感谢Daan Callaert，重置CSS是有效的。奇怪的是，我从来不知道有这样的事情存在。虽然你是第一个回答的人，但我已经将Brent的答案标记为答案，因为它给出了直接解决问题的特定代码块。再次感谢你的回答！很高兴我能帮你一会儿！将CSS重置与有效（W3C）HTML代码结合使用，可以解决许多跨浏览器的不兼容问题。