社交媒體按鈕不排隊正確

Question

我定位我的社會化媒體事業部，以我的評論Div的權利：http://jsfiddle.net/eYQWE/

問題：我的社會媒體專區內的社交媒體按鈕將不會留在一條直線。他們一直低於我的審查部門。

有什麼建議嗎？

Answer 1

的問題是，在iframe弗羅姆的Facebook得到的450像素的寬度，延伸至極其父並使得按鈕顯示在文字的下方。嘗試設置一個固定寬度的包裝，像這樣：

#social li { 
display: inline-block; 
text-decoration: none; 
padding: 0 0 0 33px; 
float: left; 
max-width: 80px; 
overflow: hidden; 
}​ 

我加了最後兩行，似乎現在的工作就好了。
一個更好的解決辦法是entirly下降I幀，並使用被Facebook（或Twitter和G +）提供的API編寫自己的按鈕。這將允許你entirly他們的風格，你的願望，並可能會提高你的頁面加載時間。但也許這是一點點遠...

更新的小提琴可以在這裏找到：http://jsfiddle.net/eYQWE/2/

Answer 2

這是Facebook的IFRAME，寬度設置爲450像素，如果你可以改變生成的代碼，你可以解決它存在，否則，你的CSS/JS復位。螢火蟲會在這種情況下，你最好的朋友（如果不是的話）。