删除动态生成的CSS内联块html搜索结果之间的空白

我正在我的网站上使用mixitupjqueryapi。我对内联块元素的间距有一个问题，主要是因为内联块添加了过多的空格

通常我会在需要的地方使用

删除html元素之间的空白，但由于动态生成html结果，我似乎无法做到这一点。用于构造搜索结果的html代码也位于组织的不同“搜索结果”PHP模板文件中

<div class="container">

   <!-- The three DIVs below are generated with PHP in a different template file -->
   <div class="result 1">Content</div>
   <div class="result 2">Content</div>
   <div class="result 3">Content</div>

</div>

内容
内容
内容

所以问题是如何删除这3个假设DIV元素上内联块产生的空白

请注意，我不想使用任何黑客CSS技巧，因为它们总是有一个与支持相关的con（例如右边距：-4px，字体大小：0等）

谢谢大家!

超级简单：

.container {
  font-size: 0;
}
.container > div {
  font-size: 1rem;
}

此选项将

字体大小

设置为

0

，以便空格不占用任何空间。然后，它将所有直接子div的

font-size

重置为根级别声明，并使用

font-size:1rem

--或--

content

---

这只是在项目之间添加注释，以便保留文档布局（用于编辑目的）实际上是告诉浏览器忽略标记之间的所有内容。

你说的是什么空白？显示生成结果的模板文件-这就是你需要编辑的内容浏览器忽略HTML代码中的空白。@jeff不使用他们不使用的

内联块

元素，显而易见的是不要使用内联块。这不是一个错误，这是故意的。尝试浮动。让我明确一点，对于您的特定场景，您肯定想要第一个选项。第二个是更多的手动输入项目。嗨，Josh，字体大小：0在Android上不是有问题吗？我认为CSS技巧在某些地方有一个相对较大的不兼容性。@user3775937–不，至少我不知道。刚刚在我的Nexus上试用过，效果很好。

<div class="container"><!--

   --><div class="result 1">Content</div><!--
   --><div class="result 2">Content</div><!--
   --><div class="result 3">Content</div><!--

--></div>