2012-11-14 2 views
0

트위터 짹짹과 페이스 북 좋아를 같은 라인에 올리는 데 문제가 있습니다. 현재 Facebook Likes는 Twitter 짹짹보다 몇 픽셀 낮습니다. 어떻게 해결할 수 있을까요?트윗 잡기 트윗과 페이스 북이 동일 라인에서 좋아함

트위터에 여백을 줄이기 위해 스타일을 추가하려고 시도했지만 페이스 북도 아래로 이동했습니다. 페이스 북에 마이너스 마진을 추가하려했지만 그게 아무것도하지 못했습니다.

모든 시도가 실패했기 때문에 어떤 방식 으로든 Twitter/Facebook 버튼을 CSS로 수정하지 않았다는 점에 유의하고 싶습니다.

.social { 
    clear: both; 
    padding: 10px 36px 20px 36px; 
} 

<div class="social"> 
    <a class="twitter-share-button" data-url="http://www.google.com/" href="https://twitter.com/share" data-lang="en"></a> 
    <div class="fb-like" data-href="http://www.google.com/" data-send="false" data-width="90" data-show-faces="false" data-layout="button_count"></div> 
</div> 

/**** Twitter plugin ****/ 
<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="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 

/**** Facebook plugin ****/ 
<script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> 

내가 무엇을 가지고 :

enter image description here

+0

관련 CSS를 제공 할 수 있습니까? –

+0

@KevinBoucher 방금했습니다. 죄송 합니다만, CSS를 Twitter/Facebook 버튼으로 수정하지 않아서 필요하다고 생각하지 않았습니다. – Jon

+0

http://socialitejs.com/을 사용하지 않는 이유는 무엇입니까? – balexandre

답변

4

는이 문제를 해결하려면, 나는 코드의 트위터와 페이스 북 라인 모두에 float:left;을 추가했다.

관련 문제