Смещение на 4 пикселя кнопки «Мне нравится» - PullRequest
Новая
       2

Смещение на 4 пикселя кнопки «Мне нравится»

0 голосов
/ 22 сентября 2011

Я бы хотел разместить все кнопки социальных сетей на моем сайте.Кнопки LinkedIn, GoogleOne и Twitter все выровнены по вертикали, но я не могу понять, почему кнопка «Нравится» на FaceBook прыгает вниз на 4 пикселя.

Я пытался отрегулировать отступ поля, css вертикального выравнивания и т. Д. Кажется, ничто не может переместить эту кнопку назад.

Ответы [ 2 ]

2 голосов
/ 28 февраля 2012

Я использовал это, и, похоже, он работает стабильно, без вреда для других браузеров: 

.fb-like { line-height: 0; }
2 голосов
/ 23 сентября 2011

У меня была такая же проблема.Вот мой код кнопки, похожий на fb: 

<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/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="mysite.com" data-send="false" data-layout="button_count" data-width="30" data-show-faces="false" data-font="arial"></div>

Единственное решение, которое я мог придумать, это вручную сместить кнопку на несколько пикселей.Я заключил вышеуказанный блок в элемент div и увеличил его на несколько пикселей: 

.shareable {
    height: 20px;
    display: inline-block;
}

.shareable .fb-like {
    top:-3px;
}
...