围绕像按钮Facebook的改变与CSS/HTML大小

Question

我有我的网页上像按钮Facebook的：

<fb:like href="http://www.mysite.com/" layout="button_count" show_faces="false" width="450"></fb:like> 

我想要的元素为中心，在任何时候页面的中心，无论怎样它是大的。 由于类似按钮随着计数的增加而改变大小，其位置会改变。

无论如何CSS/HTML中保持具有动态大小的元素的绝对中心。

谢谢。

Answer 1

尽管它有点冒失鬼，你可以在javascript计算中做到这一点。

<div style="height:100px; width:100px;" id="bar"> 
    <fb:like .... id="foo" /> 
</div> 

//jquery loaded previously 
<script> 
$(document).ready(function(){ 
    var left = $('#bar').width()/2 - $('#foo').width(); 
    var top = $('#bar').height()/2 - $('#foo').height(); 
    $('#foo').css({ 'position': 'absolute', 'left': left, 'top' : top }); 
}); 
</script> 

或沿着这种性质的东西...