删除div元素之间的空格

Question

我有包含多个div元素的HTML页面每个div是显示为内联块的卡，生成的div的数量取决于来自服务器的行数据，直到这里每个东西都按照我的需要但每个卡片div之间的空格在手机上显示不合适的内容，我认为来自空白的问题我会为检查员附上截图？enter image description here

Answer 1

display：inline-block似乎在元素之间留下非常小的空格。

使用flexbox（显示：父元素上的flex）或者向每个元素添加margin-left：-1px的小技巧（或者在每个元素之间创建大量空间）。

Answer 2

内联元素被视为文本。 （我正在过度简化。）请注意，文字之间有空格。出于同样的原因，图像之间存在间距。因此，内联元素在元素之间将有空格。

解决这个问题的方法是欺骗浏览器思考元素是字母

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

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

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

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