【发布时间】：2012-05-16 03:26:10
【问题描述】：
当我将 dt 和他的 dd 元素放在一行中时：
display: inline-block;
margin: 0px;
这两者之间仍然会有一点差距。 我找到的解决方案是：
margin-left: -4px;
但是没有更好的方法来解决它吗？
【问题讨论】：
【发布时间】：2012-05-16 03:26:10
【问题描述】：
是的，空格是因为inline-块是内联流的一部分，这意味着任何换行都会导致空格。有几种解决方案：
- 删除两个元素之间的换行符。
- 在一些共同的父级上设置
font-size: 0。 - 使用浮点数而不是内联块
【讨论】：
-
谢谢！我的解决方案（左边距）是可接受的解决方案还是没有完成？
-
是的，我没有列出它，因为你已经在使用它了:)
-
Margin-left:4px 在所有浏览器中可能看起来都不正确，所以如果你坚持使用它，请小心。如果这样做，请为它创建一个单独的 css 类。
-
设置
margin-left: -4px在典型情况下有效，但这只是一种猜测，可能会出错。它旨在消除空格的影响，但空格的宽度会有所不同（按字体大小和按字体系列）。所以删除换行符更安全。