유체 페이스 북의 "좋아요"버튼?

Question

내 웹 사이트에 "좋아요"버튼과 같은 페이 스북이 있는데, 나는 그것이 유동적 인 컨테이너로 유동적으로 만들고 싶습니다. 그리고 컨테이너가 버튼보다 작 으면 오버플로가 있습니다. 텍스트와 버튼의 크기를 동일하게 유지하고 싶습니다. ID는 넘쳐 흐르는 텍스트를 다음 줄로 나누고 싶습니다 ...이 맞춤 설정을위한 Google 검색에는 많은 결과가 있지만 그 중 아무것도 발견하지 못했습니다. 유체 너비에 따라 줄 바꿈을 수행합니다. 감사!

Answer 1

아마도 당신이 계신 이해 아니지만, 텍스트 배치는 다음과 같이 자동으로 발생한다 : 당신은 래퍼 DIV의 폭과 같은 포장 것처럼 텍스트를 변경할 수

<style type='text/css'> 
#wrapper { width: 250px } 
#like { border: none; width: 100%; background-color: transparent } 
</style> 

<div id='wrapper'> 
<iframe id='like' src='http://www.facebook.com/plugins/like.php?href=xxx' scrolling='no' frameborder='0' allowtransparency='true'></iframe> 
</div> 

필요합니다.

XFBML이 같은 방식으로 작동하지 않습니다,하지만 당신은 폭 고정하여 텍스트를 잘라 수 있습니다 : 정말 작동하지 않았다

<style type='text/css'> 
#like { width: 104px; overflow: hidden } 
</style> 

<div id="fb-root"></div> 
<script>(function(d, s, id) { 
var js, fjs = d.getElementsByTagName(s)[0]; 
if (d.getElementById(id)) {return;} 
js = d.createElement(s); js.id = id; 
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; 
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

<fb:like id='like' href="xxx" send="true" show_faces="false" layout="standard"></fb:like>