通過jQuery的中心DIV

Question

我有一個固定在視口底部的頁腳。我使用jQuery切換打開一個意見卡，爲用戶提出意見，並提交以下材料：

$('a#footer-comment').click(function() { 
    $("#comment-card").toggle(300); 
    return false; 
    $('#comment-card').show({ position:); 
}); 

$('a#footer-comment-hide').click(function() { 
    $("#comment-card").toggle(300); 
    return false; 
    $('#comment-card').hide(); 
}); 

當然，如果我不添加任何CSS選擇＃註釋卡片把它顯示出來頁腳之下，淡出人們的視線。

所以我加了：{position:absolute; bottom:30px; left:auto;} 30px所以它顯示在30px高的頁腳上方。

問題是，我無法得到這個在視口中心...如果我使用像素，取決於分辨率，它要麼太左或右...我如何居中這個視口？

Answer 1

要居中絕對定位的元素，你的CSS設置爲這樣：

left:50%; 
margin-left:-100px; 
position:absolute; 
bottom:30px; 

保證金左應該是你爲中心的div寬度的1/2，因此，如果股利是200像素廣泛使用-100px爲您的餘裕。當保證金爲負數時，它會在該方向上拉動股利。由於它在屏幕上以50％開始，因此您只需將其拉到中間位置即可。