css - inline-block 的边距(4px)对于所有浏览器都是静态的吗？

Question

每当我使用 inline-block 时，我总是会得到 4px 边距。那么我可以安全地使用

div.myclass{
    display: inline-block;
    margin-right: -4px;
}

适用于所有浏览器？

这是 fiddle :JSFiddle

Answer 1

这取决于父元素的字体大小。 inline-block 由于一个额外的空白字符宽度而添加了边距。当字体大小默认为 14px 时，其边距为 4px。

无论如何，您可以在这里查看这两篇很棒的文章:http://css-tricks.com/fighting-the-space-between-inline-block-elements/在这里:http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/