首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >引导3“行”类不工作在手机上?

引导3“行”类不工作在手机上?
EN

Stack Overflow用户
提问于 2014-04-23 09:35:20
回答 1查看 124关注 0票数 0

我的网站wisderm.com的头版上有Twitter跟踪和Facebook按钮。不过,在手机上,Facebook按钮与Twitter按钮不在同一条线上,尽管我已经将它们放在一个带有类“行”的div中。

代码语言:javascript
运行
复制
<!-- 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乱七八糟的按钮时使用的图像

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-04-23 11:18:36

您可以使用ul和li,并像下面这样在li上应用CSS (也可以使用类)。

代码语言:javascript
运行
复制
ul li {
float:left;
list-style:none;
margin-right:1em;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23240366

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档