移除iFrame空間時的問題

Question

我有一個Facebook iFrame按鈕和一個推特。 有空間自動來，我不知道爲什麼，我不能刪除它。 有它 -

的圖像沒有<br />或任何東西，我知道，可能導致空間。 謝謝主管。

Answer 1

你的HTML輸出的一些示例將是有益的，但你可以嘗試添加CSS規則：

iframe { 
display: inline-block; 
} 

編輯

在HTML源看，我看你有沒有指定的寬度在Twitter和Facebook供稿的iFrame元素上。

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

如果您只是從該元素中刪除靜態寬度，兩個框架將坐在彼此相鄰。問題是容器只有一定的寬度。如果你總共有500px，並且twitter iFrame使用的是110，那麼另一個iFrame需要450 ... 450 + 110 = 560，寬度比你的可用寬度還要寬。這迫使Facebook iFrame包裝到下一行。

所以，再次，只需從Facebook的iFrame的靜態寬度。當人們點擊「贊」時，他們的個人資料圖片將被添加到按鈕旁邊。由於您沒有指定靜態寬度，因此容器可以隨意擴大。

我也會在容器div上設置width:100%;。