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>