Question

使用换行符和制表符时，它们在文档中显示为空格。有时候我想把元素放在不同的线条上以保持整洁。但我不想要一个空间：

<body>
  <div>1</div>
  <div>2</div><div>3</div>
</body>

（暗示内联块）呈现为

1 23

Answer 1

您可以缩小代码或将html元素之外的所有内容标记为注释

<body><!--
  --><div>1</div><!--
  --><div>2</div><div>3</div><!--
--></body>

Answer 2

任何显示内联的内容都会将其中的空格计为实际空格。

如果你想解决它，在那个例子中，你可以将font-size: 0;应用于正文，然后给每个div一个非零的字体大小。

这是最简单的方法，但对于任何大于该示例的内容，您都希望对应用该0字体大小更具体一些。

David Walsh对此内联块元素空间的全面解决方案列表是here，否则Web和堆栈溢出的地方就是一个非常常见的问题！