CSS如何使浮动的ACHOR在水平面上相邻

加价如下

     <div class="socialMediaPlugin">
    <a class="addthis_button_facebook"></a>
    <a class="addthis_button_twitter"></a>
    <a class="addthis_button_google_plusone_share"></a>
    <a class="addthis_button_pinterest" ></a>
    <a class="addthis_button_email"></a>
  </div>

} 但它们是在彼此下面出现，而不是在下一个？我怎样才能把它们并排放在一起呢？

你可以用

.socialMediaPlugin a{
    display: block;
    position: relative;
    float: left;
}

链接将是并排的，您可以使用

.socialMediaPlugin a{
    display: block;
    position: relative;
    float: left;
}

---

链接将是并排的

您需要将其应用于链接，而不是容器，因此您应该阅读CSS

.socialMediaPlugin a {
    float: right;
}​

你可以看到一个例子

或者你可以使用

.socialMediaPlugin:nth-child(n) {
    float: right;
}​

或

虽然我不建议这样做，但这是相当令人讨厌的

此外，您应该为类似的事情使用一个有序列表，您可以看到一个例子

根据海报要求进行编辑

为了保持链接的顺序，有必要使用

display:block

将链接包装在一个div中，并将其向右浮动。看现场直播

CSS

---

您需要将它应用于链接，而不是容器，因此您应该阅读CSS

.socialMediaPlugin a {
    float: right;
}​

你可以看到一个例子

或者你可以使用

.socialMediaPlugin:nth-child(n) {
    float: right;
}​

或

虽然我不建议这样做，但这是相当令人讨厌的

此外，您应该为类似的事情使用一个有序列表，您可以看到一个例子

根据海报要求进行编辑

为了保持链接的顺序，有必要使用

display:block

将链接包装在一个div中，并将其向右浮动。看现场直播

CSS

---

由于锚点通常是内联级别的元素，因此它们会自然地彼此堆叠在一起

问题更可能是您的容器不够宽，无法容纳堆叠的物品，因此无法将其包装起来

---

或者你有一些其他的样式应用到你的锚元素上，导致它们像块级元素一样工作。

因为锚元素是一个内嵌级元素，它们自然会彼此堆叠在一起

问题更可能是您的容器不够宽，无法容纳堆叠的物品，因此无法将其包装起来

---

或者你的锚元素应用了一些其他样式，导致它们的行为类似于块级元素。

容器可能不够宽，无法容纳所有内容。容器可能不够宽，无法容纳所有内容。如果你在Facebook Twitter等网站中放置一些内容，链接会更美观G+感兴趣的电子邮件，除非你的CSS上有背景、宽度和高度。在IE7上，如果你对链接使用不同的高度，则显示：内联块不起作用。如果你在Facebook Twitter G+interest电子邮件中添加一些内容，链接的外观会更好，除非你的CSS上有背景、宽度和高度。在IE7上，如果链接使用不同的高度，则显示：内联块不起作用。这似乎起作用，但它颠倒了锚点的顺序，即第一个锚点现在显示为最后一个等等。这似乎起作用，但它颠倒了锚点的顺序，即第一个锚点现在显示为最后一个等等？