ShareThis WordPress插件：垂直堆疊的按鈕

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

很難向你展示一個工作演示沒有小提琴與他合作但他是我的建議

將它們包裝在div class =「share」中，這樣​​您就可以將其中的所有span標籤作爲目標。

然後使用這個CSS

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

它應該工作

其實，這裏是一個DEMO