CSS：修复dt-dd边距

Question

当我将 dt 及其 dd 元素放在一行时：

display: inline-block;
margin: 0px;

这两者之间仍有一点差距。 我发现的解决方案是：

margin-left: -4px;

但是，有没有更好的方法来解决它？

Answer 1

是的，因为内联 - 块是内联流的一部分而导致空间，这意味着任何换行都会占用空间。有几种解决方案：

• 删除两个元素之间的换行符。
• 在某个普通父母身上设置font-size: 0。
• 使用浮动而不是内联块

<强> Here's a good article on the subject.