2012-06-03 2 views
3

내 소셜 미디어 버튼 (버블 카운트 포함)을 옆에 나란히 놓고 그 사이에 무작위로 공백을 넣으려고합니다. 그것을 제거하는 방법이 있습니까?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} 

답변

6

style="overflow:hidden;width:50px;float:left;"로 설정 그것의 스타일 사업부에서 각 플러그인 하나

여기에 현재 코드입니다. 50px 또는 원하는 너비를 사용하십시오. 그런 다음 마지막 div가 필요하다 "cab return/line feed"<div style="clear:both" /> 마지막 플러그인의 div 태그 바로 뒤에.

+1

완벽합니다. 감사합니다. –

+5

트위터/google + 버튼에 필요한 공간을 50px 또는 60px 이상으로 설정하기 위해 카운트 거품이 충분히 늘어나면이 솔루션은 실제로 작동하지 않습니다. (트위터/구글 + 버튼을 사용하는 모든 항목에 대해이 px 값을 변경하여 손으로 잘 보이도록하는 것은 불가능한 작업입니다) –

관련 문제