刪除Google+，Facebook和Twitter按鈕之間的空白空間

我希望我的社交媒體按鈕（有泡泡數量）坐在一起並排放置，但它們之間會有隨機數量的空白區域。有沒有辦法刪除它？刪除Google+，Facebook和Twitter按鈕之間的空白空間

下面是當前的代碼：

{literal} 

<!-- Place this tag where you want the +1 button to render --> 
<g:plusone size="medium"></g:plusone> 
<!-- Place this render call where appropriate --> 
<script type="text/javascript"> 
(function() { 
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
po.src = 'https://apis.google.com/js/plusone.js'; 
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})(); 
</script> 

<div class="fb-like" data-href="http://www.url.com" data-send="false" data-layout="button_count" 
data-width="40" data-show-faces="false" style="vertical-align:top"></div> 

<a href="https://twitter.com/User" class="twitter-follow-button" data-show-count="true" 
data-show-screen-name="false" data-dnt="true">Follow @User</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)) 
{js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js"; 
fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 
{/literal}

來源

2012-06-03 Knocks X

包裹在它的樣式設置爲style="overflow:hidden;width:50px;float:left;"一個div你的插件中的每一個。使用50px或任何你想要的寬度。然後你需要一個最後的div來在你的最後一個插件的div標籤之後產生一個「回車/換行」<div style="clear:both" />。

來源

2012-06-04 23:32:54 DMCS

非常完美，謝謝！ –

這個解決方案實際上並沒有工作，一旦計數泡沫已經累積足夠的計數，推動Twitter /谷歌+按鈕所需的空間超過50px或60px，或任何硬性設定的價值。（爲每個使用twitter/google +按鈕的項目更改這些px值，使其看起來不錯，這將是一項不可能完成的任務） –

刪除Google+，Facebook和Twitter按鈕之間的空白空間

回答

相關問題