css - ShareThis WordPress 插件 : Buttons Stacking Vertically

Question

我使用 ShareThis WordPress 插件已有一段时间了。最近的更新打破了它的排列方式，使所有图标垂直堆叠在彼此之上，而不是全部水平排列在同一条线上。我需要修改我的代码，以便它们像以前一样沿着我的帖子的顶部和底部水平显示。

图片:http://cl.ly/image/1P1G3x2Q0u2W

这是我的代码:

脚本标签:

<script charset="utf-8" type="text/javascript">var switchTo5x=true;</script>

<script charset="utf-8" type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>

<script charset="utf-8" type="text/javascript">
stLight.options({"publisher":"03e4d9cd-293f-4d04- bf79-570a5f288168","doNotCopy":true,"hashAddressBar":false,"doNotHash":true});
var st_type="wordpress3.8.1";
</script>

HTML 标签:

<span st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>' class='st_sharethis_hcount'></span>
<span st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>' class='st_linkedin_hcount'></span>
<span st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>' class='st_twitter_hcount'></span>
<span st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>' class='st_plusone_hcount'></span>
<span st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>' class='st_fblike_hcount'></span>
<span st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>' class='st_facebook_hcount'></span>

Answer 1

很难在没有 fiddle 的情况下向您展示一个工作演示，但他是我的建议

将它们包装在一个 div class="share"中，这样您就可以定位其中的所有 span 标签。

然后使用这个css

.share span{
    display:inline;
    margin: 0 20px;
}

它应该工作

实际上，这是一个DEMO