使用4px的负边距来移除内联块div之间的距离

Question

我见过很多使用margin-right: -4px来消除内联div之间空间的css。为什么要使用-4？它能在各地工作吗？

Answer 1

这就是内联块的工作原理。如果你希望你的div保持在块中但是内联你可以使用内联块，有更多的技巧来解决这个问题，其中一个是margin-left: -4px，你可以从这里的链接找到更多：

https://css-tricks.com/fighting-the-space-between-inline-block-elements/

我建议使用CSS Grid创建布局块。这是一个网站，可以找到CSS Grid的一些例子：

https://gridbyexample.com/examples/

Answer 2

当空格的宽度为4个像素时使用

-4。它完全是任意的，完全取决于字体指标（系列，大小等），因此根据定义无处不在。

正是这个完全随意的值使得真正的这些变通方法突出了首先使用内联块（水平）块布局的致命缺陷。