我的网站wisderm.com的头版上有Twitter跟踪和Facebook按钮。不过,在手机上,Facebook按钮与Twitter按钮不在同一条线上,尽管我已经将它们放在一个带有类“行”的div中。
<!-- Social -->
<div class="container">
<div class="row">
<a href="https://twitter.com/wisderm" class="twitter-follow-button" data-show-count="false" data-size="large" data-lang="en">Follow @wisderm</a>
<div class="fb-like" data-href="https://facebook.com/wisdermcom" data-layout="button" data-action="like" data-show-faces="false" data-share="true"></div>
</div><!-- end of row -->
</div><!-- end of container -->为什么会这样呢?是不是因为推特按钮在一个iframe里?我怎么才能修好它呢?
我的Nexus 4:搞砸了Facebook和Twitter按钮上的图片
使用display: inline !important:乱七八糟的按钮时使用的图像
发布于 2014-04-23 11:18:36
您可以使用ul和li,并像下面这样在li上应用CSS (也可以使用类)。
ul li {
float:left;
list-style:none;
margin-right:1em;
}https://stackoverflow.com/questions/23240366
复制相似问题