Html 删除div元素之间的空白

我有一个包含多个div元素的HTML页面，每个div都是显示为内联块的卡生成的div的数量取决于来自服务器的行数据，在此之前，一切都按照我的需要进行，但每个卡片div之间都有空白，在手机上显示不正确，我认为空白的问题在于，我将为inspector附上屏幕截图？

显示：内联块似乎在元素之间留有很小的空间

---

要么使用flexbox（显示：父元素上的flex），要么在每个元素上添加左边距：-1px（或者在每个元素之间创建多少空间）。

显示：内联块似乎在元素之间留下非常小的空间

---

使用flexbox（display:flex on parent element）或向每个元素添加左边距：-1px的小技巧（或每个元素之间创建的空间大小）。

内联元素被视为文本。（我把它做得过于简化了。）注意文本中的单词之间有空格。出于同样的原因，图像之间有间距。因此，内联元素在元素之间将有空格

解决这个问题的方法是欺骗浏览器，使其认为元素是字母

<div>content</div><div>content</div>

contentcontent

现在内容之间没有间距或元素

还有其他方法可以做同样的事情，例如：

<div>content</div
><div>content</div>

contentcontent

内联元素被视为文本。（我把它做得过于简化了。）注意文本中的单词之间有空格。出于同样的原因，图像之间有间距。因此，内联元素在元素之间将有空格

解决这个问题的方法是欺骗浏览器，使其认为元素是字母

<div>content</div><div>content</div>

contentcontent

现在内容之间没有间距或元素

还有其他方法可以做同样的事情，例如：

<div>content</div
><div>content</div>

contentcontent

请提供一些代码来帮助您请提供一些代码来帮助您