Centre div indifferent monitor？

Question

无论显示器大小如何，我都需要帮助将div对齐。

我正在寄一张图片。谁能帮我？

Answer 1

#myDiv{ 
    position: absolute; 
    top: 0; 
    left: 50%; 
    width: 800px; 
    margin-left: -400px; /* width divided by 2 */ 
} 

这是一个简单的方法来做到这一点。但是，如果您有其他元素，使其成为position: absolute可能会导致一些问题。

如果它有一个固定的高度，你可以把它放在一个容器div到你设置height和position: relative，让其他元素保持它们的初始位置，就像这样：

#container{ 
    position: relative; 
    height:500px; /* add this height to #myDiv */ 
} 

HTML：

<div id="container"> 
    <div id="myDiv"></div> 
</div>