html - 将负边距与社交分享按钮(计数器)一起使用可以吗？

Question

我在这里为我的案例创建了一个 JSFiddle:http://jsfiddle.net/gGCaX/ (请看一下，以便了解我要问的问题。)

现在，谈到这一点，社交分享按钮或计数器在填充、边距等方面是不规则的，因为它们来自不同的人。

正如您在 JSFIDDLE 中看到的那样，我已经设法让它们看起来很好。但问题是，对于其中一个按钮(“分享”按钮——行中的最后一个)，我不得不使用“负”边距，因为它在后面(即左边)留出了很多空间。

.sharethisx {
    float: left;
    margin: 0 0 0 -10px !important;
    padding: 2px 0 0 !important;
    display: inline;
}

查看边距:0 0 0 -10px !important; ??如果它只是关于可见性，我不会打扰。但这些是计数器，它们可以增长到任意数量。那么，在这种情况下会好吗？请指教。

Answer 1

您的情况会很好，因为您已将负左边距应用到向左浮动的元素。在这种情况下(对于静态元素也是如此)，它将向左拉元素，如您所见。

当您:

1. 将它们应用到元素的底部(将较低的元素向上拉)。

2. 将它们应用到元素的右侧(将后续元素向左拉向该元素)。

3. 在 float 的相反方向应用它们(创建一个允许内容与元素重叠的空隙)。如果负边距大小 >= 元素宽度，则元素将完全重叠。

这是 an article这很好地描述了负边距在不同情况下的工作原理。