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

Question

最近我遇到了与Firefox兼容的问题，我正在开发一个关于chrome的网站，当我在Firefox上测试时，我的divs搞砸了。所以在试图找出问题所在后，我发现了一个关于我的问题的帖子！显然，Firefox识别我的HTML代码中的空格并相应地分隔我的div。那么，有没有办法让Firefox忽略我的代码中的空白？我真的不介意在一行上处理我的所有div，但是如果我可以将代码空间化，那么组织起来会容易得多。另外，如果可能的话，有什么缺点，如果有的话？

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

Answer 1

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

div {
    font-size: 0;
}

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