强制浏览器忽略 HTML 代码中的空格？

Question

最近我遇到了 Firefox 兼容性问题，我在 chrome 上的一个网站上工作，当我在 Firefox 上测试它时，我的 div 搞砸了。因此，在试图找出问题所在之后，我发现了一个关于我的问题的线索！显然，Firefox 识别了我的 HTML 代码中的白色 spaces，并相应地识别出我的 div 中的 spaces。那么，有没有办法让 Firefox 忽略我代码中的 whitespace 呢？我真的不介意在一行中处理我的所有 div，但如果我可以 space 出我的代码，组织起来会容易得多。另外，如果这是可能的，有什么缺点，如果有的话？

This 是我正在谈论的主题。谢谢 Drkawashima！

Answer 1

您可以将 div 的 font-size 设置为 0，将 div 中每个元素的 font-size 设置为 1rem:

div {
    font-size: 0;
}

div > * {
    font-size: 1rem;
}

强制浏览器忽略 HTML 代码中的空格？

Forcing browsers to ignore whitespace in HTML code?

html

css

firefox

whitespace