小编Dav*_*vid的帖子

用"Facebook","Twitter"和"Linkedin"按钮排列水平社交图标

我有一些问题要横向调整我的社交图标按钮,并没有找到任何满意的回答我的问题.

我有"Facebook","Twitter"和"Linkedin"按钮,但当我尝试用css代码更改它时,"Facebook"之一似乎没有反应.

我只想让"Facebook"按钮与"Twitter"和"Linkedin"按钮对齐.

以下是我的PHP文件中的PHP代码:

<div id="fb-root"><hr/></div>
<div class="fb-like" data-send="false" data-href="<?php the_permalink()?>" data-layout="button_count" data-width="100"data-show-faces="false"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<script src="//platform.linkedin.com/in.js" type="text/javascript">
 lang: en_US
</script>
<script type="IN/Share"></script>
Run Code Online (Sandbox Code Playgroud)

以下是我放在CSS文件中的CSS代码:

.fb-like{float:left;display:block;}
.twitter-share-button{float:left;}
Run Code Online (Sandbox Code Playgroud)

以下是我在帖子末尾的问题示例:

发布问题

我提前感谢你的帮助,

问候,

css social icons

1
推荐指数
1
解决办法
7936
查看次数

标签 统计

css ×1

icons ×1

social ×1