오른쪽에 같은 버튼을 띄우는 것

Question

내 문제는 기본적으로 here으로 설명됩니다. 버튼의 너비가 언어 (및 좋아요 수)에 따라 달라 지므로 오른쪽에 FB Like 버튼을 플로팅해야합니다.

다른 도메인에 속한 iframe의 요소를 조작하는 것은 불가능하지만, 그것에 대해 뭔가 특별한 방법이 있는지 궁금합니다. 나는 오른쪽으로 빌어 먹을 Like 버튼을 뜨는 방법이 없다고 믿을 수 없다.

Answer 1

버튼에 래퍼를 지정합니다.

<div id="likeWrapper"> 

</div> 

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

Answer 2

오른쪽에 실제 iframe을 플로팅하십시오.

Answer 3

나는 당신이 버튼의 고정 너비 때문에 HTML과 CSS에 의해서만 그렇게 할 수는 없다고 믿는다. 버튼을 오른쪽으로 뜨더라도 항상 오른쪽에 여유 공간이 더 필요하다. .

가 하나의 빠른 더러운 해킹이지만 특정 언어에만 작동합니다 -

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

그러나이 함께 문제를 참조하십시오 등의 버튼이 더 이상 다른 언어의 경우, 그것을 넘어 갈 것입니다 귀하의 레이아웃.

그래서 우리는 javascript (jQuery) 같은 버튼의 getWidth와 같은 것을 먼저 할 수 있습니다. 그런 다음 필요한만큼의 픽셀만큼 오른쪽으로 이동하십시오. 나는 정확한 코드로 당신을 도울 수 없다, 나는 jQuery에 녹슬지 않는다. 그러나 그것은 기본 아이디어이다 : 오른쪽의 : jQuery로 CSS 속성을 변경하여 레이아웃과 일치시킨다.