CSS:fix dt dd margin

CSS:fix dt dd margin,css,margin,Css,Margin,当我将一个dt和他的dd元素放在一行中时: display: inline-block; margin: 0px; 这两者之间还有一点差距。 我找到的解决方案是: margin-left: -4px; 但是没有更好的方法来解决它吗?是的,空格是因为内联-块是内联流的一部分,这意味着任何换行都会导致空格。有几种解决方案: 删除两个元素之间的换行符 在某个公共父级上设置字体大小:0 使用浮动代替内联块 谢谢!我的解决方案(左边空白处)是一个可接受的解决方案还是没有完成?是的,我没有列出它,因

当我将一个dt和他的dd元素放在一行中时:

display: inline-block;
margin: 0px;
这两者之间还有一点差距。 我找到的解决方案是:

margin-left: -4px;

但是没有更好的方法来解决它吗?

是的,空格是因为内联-块是内联流的一部分,这意味着任何换行都会导致空格。有几种解决方案:

  • 删除两个元素之间的换行符
  • 在某个公共父级上设置
    字体大小:0
  • 使用浮动代替内联块

谢谢!我的解决方案(左边空白处)是一个可接受的解决方案还是没有完成?是的,我没有列出它,因为您已经在使用它:)左边空白处:4px可能不会在所有浏览器中都正确显示,因此如果您坚持使用它,请小心。如果你这样做了,为它创建一个单独的css类。设置
左边距:-4px
在典型情况下有效,但这只是一个猜测,可能会出错。它旨在消除空格的效果,但空格的宽度不同(根据字体大小和字体系列)。因此,删除换行符更安全。非常类似于