將一個Like按鈕向右浮動

我的問題基本上描述爲here。我需要將FB Like按鈕向右浮動，因爲按鈕的寬度會根據語言（以及喜歡的數量）而有所不同。將一個Like按鈕向右浮動

雖然不可能在屬於不同域的iframe中操作元素，但我還是想知道是否有一些奇特的方法來處理它。我無法相信沒有辦法讓一個該死的Like按鈕浮到右邊。

2012-03-04 drake035

此實際解決方案 - http://stackoverflow.com/a/9670314/535406 – jibiel 2013-04-13 19:41:43

給按鈕一個包裝。

<div id="likeWrapper"> 

</div> 

<style> 
#likeWrapper{ 
    float:right; 
} 
</style>

2012-03-04 16:53:06 Relic

不會刪除按固定寬度生成的按鈕右側的空間。 – drake035 2012-03-04 17:00:08

好吧，你總是可以用javascript覆蓋它。這可能是一種痛苦，但我相信這是可能的。這個「固定寬度」在哪裏設置？如果它就像按鈕代碼一樣，我相信你也可以編輯它......我之前做過。 ORRR ....改爲像按鈕一樣的自定義。 – Relic 2012-03-04 17:06:33

只是將實際的iframe浮動到右側。

2012-03-04 16:54:14 christophmccann

相同的評論：不會刪除由固定寬度導致的右側的額外空間。 – drake035 2012-03-04 17:00:38

我相信你不能僅僅通過html和css來做到這一點，因爲按鈕的固定寬度，即使你將按鈕向右邊浮動，你仍然需要在右側留出一些額外的空間。

有一個快速骯髒的黑客，但它只能用於一個特定的語言 -

.like{ 
    position: absolute; 
    float:right; 
    right: -20px; /*change this to fit your layout */ 
}

但是你看的問題是：如果像按鈕是用另一種語言時間越長，它會超越你的佈局。

所以我們可以通過javascript（jQuery）來完成，比如像getWidth這樣的按鈕，然後將它按照所需的像素數量移動到右側。我無法幫助您確切的代碼，我對jQuery有點生疏，但這是基本的想法：獲取顯示按鈕的寬度，然後使用jQuery更改右側：css屬性以匹配您的佈局。

2012-03-04 17:09:32 IanDess

據我所知，這不僅僅是編輯，不能在不同的域名iframe內完成，它甚至可以訪問/閱讀。所以我無法獲得iframe中任何東西的寬度。 – drake035 2012-03-04 17:54:39

回答