Как настроить Facebook Like Button в динамически создаваемом фрейме?

Question

Я знаю, что есть много вопросов о "выравнивании кнопок Facebook", но все они, кажется, говорят о людях, использующих iframe непосредственно в своей разметке. Я использую код кнопки HTML5 Facebook, а затем динамически загружаю iframe.

Посмотрите как JSFiddle

Как видите, есть три кнопки социальных сетей. Кажется, что фреймы Twitter и Google + 1 автоматически изменяют свой размер в соответствии с их содержимым. В фрейме Facebook нет. Похоже, что iframe фиксированной ширины с более узким содержанием.

Есть ли простой способ правильно настроить этот размер iframe?

Возможно, я мог бы использовать jQuery для управления размером iframe после загрузки страницы, но я бы хотел этого избежать. Было бы хорошо, если бы iframe просто загрузил нужный размер с самого начала.

Я бы также предпочел избегать использования iframe непосредственно в моем коде, потому что я динамически загружаю скрипты Facebook позже на странице, что и динамически внедряет iframe.

Answer 1

Мое единственное решение для этого ограничения кнопки «Мне нравится» в Facebook было поместить кнопку «Мне нравится» после кнопки «Google+».Таким образом, не имеет значения, какой шириной будет разделение Facebook.Он будет одинаково удален от других кнопок.

http://jsfiddle.net/FLuKW/10/

Answer 2

Я не знаю, будет ли это автоматически, но вы можете изменить ширину.

.social{
    margin:20px 0;
    overflow: hidden;
    padding-left: 20px;

}

.social > div {
    float: left;
    height: 70px;
    margin-right: 0px;
    border: 1px solid red;
}
.facebook{
    width:45px;
}