Right align Facebook like button

我可以在我的網站上放置一個類似Facebook的按鈕，但是如何使它在右側對齊div/iframe？Right align Facebook like button

我試過應用各種CSS屬性，但我無法在iframe中移動任何東西。

你可能想使用「float：right;」但是如果沒有看到你有什麼，很難說。請提供您的html/js代碼。 – 2010-11-07 16:22:17

iframe是一個內聯元素，你可以使用

text-align: right

對於包含iframe的股利，或浮動的iframe的權利，但只要確保在事後收拾浮動。

2010-11-07 16:21:56

這很棒，謝謝！ – 2010-11-09 05:27:05

+12

這有一個問題，你必須設置寬度 - 你不知道盒子的寬度，因爲文本總是不同的 – Jason 2011-06-23 02:05:02

'text-align：right'和'float：right'都不能解決問題右對齊像按鈕應該有沒有邊緣的保證金。您需要設置寬度，該寬度是可變的，取決於按鈕顯示的語言。示例：http://jsfiddle.net/Mujj6/921/ – JimmyBlu 2011-07-22 13:18:41

什麼是Embed Facebook Like button – Right align with CSS and settings作品描述。然而，在我的網站，我不得不將改變風格

position:relative; right:-130px;

2011-08-29 15:00:11 pallu

隨着DIV很容易：

.fb-like{ vertical-align:top;}

也張貼在SimpleMediaCode.info（http://e-art.lv/x/fbas）

2011-12-08 10:21:51

它說，將寬度設置爲「0」。然後，該框將通過Facebook自動調整大小，您可以將浮動權應用於該框。

2012-03-12 15:51:47

太棒了！這工作就像一個魅力 – Marc 2012-03-15 19:08:19

完美，這正是我所尋找的，把我帶到這裏。謝謝！ – CWSpear 2012-05-10 16:07:12

鏈接已經死了，這就是爲什麼複製和粘貼相關代碼到答案中總是一個好主意。 – Soviut 2012-12-18 04:45:59

感謝大家的意見。位置相對招並不總是爲我做：

div.around-fb-like{ 
    position:relative; 
    float:right; 
}

到目前爲止，已經有可靠：

#fb-root{ 
    position:absolute; 
    left:-1000%; 
}

2012-09-06 09:39:21 site

好像有很多方法可以實現在此的工作不同的情況。

以上都不是似乎對我的'喜歡'按鈕的位置有任何區別，但是對「保留空間」標籤的一點點試驗和錯誤，我把它放在正確的地方。

2012-11-21 13:44:07

'喜歡'社交插件似乎改變了iframe中的樣式。在下一頁中，防止「喜歡」流出的最佳方式是什麼？

[http://www.biographile.com/the-righteousness-and-ruin-of-science-on-this-week-in-history/16573/][1]

2013-04-24 14:54:06

回答