圍繞像按鈕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> 

或沿着這種性質的東西...