내 게시물의 하단에 Facebook 및 Twitter 공유 버튼을 추가했는데 두 개의 버튼이 약 3 픽셀 씩 정렬되지 않아 서로 정렬하는 방법을 알 수 없습니다 .Twitter 및 Facebook 공유 버튼이 잘못 정렬되었습니다
Facebook 위젯에 음수 여백을 추가하고 Twitter 위젯에 긍정적 인 것을 추가하려고 시도했습니다. 브라우저는 두 번 모두 무시합니다 (중요하더라도!).
당신은 여기에 문제가 볼 수: http://cantstopshipping.com이
사람이이 문제를 해결하는 방법을 알고 있나요을? 여기
내 코드입니다 :HTML :
<!--FACEBOOK SCRIPT-->
<div id="fb-root"></div>
<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/sdk.js#xfbml=1&appId=258039414242053&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!--/ FACEBOOK SCRIPT-->
<!--TWITTER SCRIPT-->
<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>
<!--/ TWITTER SCRIPT-->
<div class="sharepost">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink() ?>" data-text="<?php the_title(); ?>" data-via="CantStopShippin" data-hashtags="<?php $category = get_the_category(); echo $category[0]->cat_name; ?>" data-count="vertical">Tweet</a>
<div class="fb-share-button" data-href="<?php the_permalink() ?>" data-type="box_count"></div>
</div>
그리고 여기가 문제 해결에 추가하려고했던 CSS입니다 : 또한
.fb-share-button {
margin-top: -2px !important;
}
, .sharepost의 CSS는 (체어 버튼이 내부에 있음) :
.sharepost {
width: 325px;
height: 65px;
float: right;
text-align: center;
margin-top: 3px;
}
이 단추를 포함하는 개체의 스타일이 어땠는지 IE에서 올바른 위치로 정렬 되었기 때문에 브라우저에서 문제가 발생했음을 알았습니다. – HKK
@HKK 스타일이 모두 Facebook에 포함되어 있기 때문에 모르겠습니다. 끝. 단 두 disp 다음과 같습니다 : .fb_iframe_widget { display : inline-block; 위치 : 상대적; } – nellygrl
아니요, 저는 버튼 주위에 무엇을 의미합니까? 페이스 북이 div이고 트위터가 iframe이기 때문에 이것은 생각합니다 – HKK