html - 将 margin-left 和 margin-top 设置为中心点

Question

我想让一个 div 以某个点为中心，而不是将 div 的左上角设置在一个点。

//css code
#div {
margin-left: 50px;
margin-top: 300px;
}

如果需要，我还会使用 javascript 和 jquery。

Answer 1

假设您有:

<div><br/>
<div id="div"></div><br/>
</div>

然后这会将中心放在左上角所在的位置。

$('div#div').offset({
    top: $('div#div').offset().top-$('div#div').width()/2, 
    left: $('div#div').offset().left-$('div#div').height()/2
});