Vì bạn đang sử dụng bố cục button_count, có một mẹo nhỏ mà tôi thấy có vẻ như hoạt động. Về cơ bản bạn chỉ cần chờ khung nội tuyến được chèn vào, và sau đó thiết lập chiều rộng của nó là 0. Sau đó nó sẽ tự động thay đổi kích cỡ chính nó thành kích thước thích hợp. Tôi không thể thề công trình này trong mọi trường hợp và với tất cả các chiều rộng, nhưng hãy kiểm tra nó ra và xem nó hoạt động cho bạn.Đây là trang mã mẫu:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type='text/javascript'>
function loadcode(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);
}
function init()
{
loadcode(document, 'script', 'facebook-jssdk');
setTimeout(initx, 10);
}
function initx()
{
likeframe=document.getElementById('d2').getElementsByTagName('iframe')[0];
if (likeframe) setTimeout(setwidth, 10);
else setTimeout(initx, 10);
}
function setwidth()
{
likeframe=document.getElementById('d2').getElementsByTagName('iframe')[0];
likeframe.style.width='0';
}
</script>
</head>
<body onload='init()' style='margin:10px 50px'>
<div id="fb-root"></div>
<div style='text-align:right'>Here is some right-aligned text to compare to.</div>
<div id='d2' style='float:right'>
<div class="fb-like" href="http://www.google.com" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div>
</div>
</body>
</html>
Thật không may điều này không phù hợp với bố cục chuẩn, không chắc tại sao nó lại khác biệt.
Nguồn
2011-10-19 03:05:25
Nó hoạt động, nhờ người đàn ông bạn là một thiên tài. Tôi biết đó là một hack nhưng là một nhà thiết kế, tôi không thể chịu đựng được bất cứ điều gì khác. Điều duy nhất không hoàn hảo là nếu chúng không giống trang, nó không tự động thay đổi kích thước. – Walker