通过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％开始，因此您只需将其拉到中间位置即可。