HTML

2014-11-20, html

Facebookの「Like（いいね）」ボタンの位置調整

TwitterやGoogle+とボタンを並べると、どうしても変な位置に来ちゃうんですよね。参考リンクの写真ではFacebookのボタンだけ上にずれてましたが、今回遭遇したのはFacebookのボタンだけ下にずれるというもの。うむむ。。とりあえず、CSSで勝手に位置を調整して合わせちゃいましたが、果たしてどこまで通用するのか…。

.fb_iframe_widget{
  top: -4px;
}

とりあえずMacOS上のSafari,Chromeでのみレイアウト確認しています。

参考URL

http://stackoverflow.com/questions/12434576/facebook-like-button-doesnt-align-with-other-social-buttons-used-css-to-fix-th

この記事は役に立ちましたか？