Проблема с удалением пространства iFrame

Question

У меня есть кнопка Facebook iFrame и кнопка Twitter.Есть место, которое автоматически появляется, я понятия не имею, почему, и я не могу его удалить.Есть изображение этого -

Не существует <br /> или чего-либо, что я знаю, что может вызвать пространство.Спасибо за внимание.

Answer 1

Был бы полезен пример вашего вывода HTML, но вы можете попробовать добавить правило css:

iframe {
 display: inline-block;
}

EDIT

Глядя на ваш HTML-источник, я вижу, что у вас есть ширина, указанная в элементах iFrame для каналов Twitter и Facebook.

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='[LONG URL REMOVED]' style='border:none; overflow:hidden; width:450px; height:20px'></iframe>

Если вы просто удалите статическую ширину из этого элемента, две рамки будут сидеть рядом друг с другом. Проблема в том, что контейнер имеет только определенное количество ширины. Если у вас всего 500px, а твиттер iFrame использует 110 из них, другой iFrame хочет 450 ... 450 + 110 = 560, больше ширины, чем у вас есть. Это заставляет iFrame Facebook переходить на следующую строку.

Итак, еще раз, просто снимите статическую ширину с фрейма Facebook. Когда люди нажимают «Нравится», их фотографии будут добавлены рядом с кнопкой. Поскольку у вас не будет задана статическая ширина, контейнер может расширяться настолько, насколько ему необходимо.

Я бы также установил width:100%; для контейнера div.