如何在1行（css）中添加多个按钮？

虽然我尝试了很多次，但我无法在1行中添加多个按钮。如何在1行（css）中添加多个按钮？

这是我的代码：

<div class="fb-like" data-href="https://www.facebook.com/xxx" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div> 

<div class="g-follow" data-annotation="none" data-height="24" data-href="//plus.google.com/u/0/105096562375742" data-rel="publisher"></div> 

<a href="https://twitter.com/twittert" class="twitter-follow-button" data-show-count="false" data-lang="en" data-size="large">Follow @twitter</a>

请帮帮我！谢谢！

来源

2014-05-13 user3614540

div元素总是块级元素。这意味着他们将显示在他们自己的路线上。要使它们显示为内嵌元素，您需要在所讨论的div上设置css属性display: inline;（或inline-block，具体取决于您想要的特定行为）。

来源

2014-05-13 16:05:27

你能告诉我更多细节吗？ – user3614540

我真的不知道更多的细节 - 在你的CSS中，你需要将'display：inline;'应用到每个按钮。我会通过给他们所有额外的类“按钮”并将该规则应用于该类来做到这一点，但是您可以通过它们的类或甚至ID来引用它们 - “display”是您需要更改的属性。 –

是的！有效。你能告诉我如何在按钮之间创建空格吗？我的按钮是顺序的。谢谢！ – user3614540

如何在1行（css）中添加多个按钮？

回答

相关问题