popup沒有分配屏幕的中心

Question

我使用下面的代碼來指定屏幕的彈出確切中心。但它不工作。 Popup根據div的大小出現在不同的地方。但我想在屏幕的中心顯示div。

.pnl_renewal_res 
{ 
    background:White; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin:-50px 0 0 -100px; /* [-(height/2)px 0 0 -(width/2)px] */ 
    display: none; 
    border:1px solid #333333; 
} 

Answer 1

試試這個：

.pnl_renewal_res 
{ 
    background:White; 
    position: absolute; 
    top: 30%; 
    left: 30%; 
    right:30%; 
    bottom:30%; 
    display: none; 
    border:1px solid #333333; 
} 

這將擴展您的彈出窗口，並給予維它。 當你的容器是絕對的時候，你不需要提供保證金：頂部，右側，左側，底部值都可以。

如果要更改彈出窗口的高度和寬度，請更改百分比值。

此外，您還可以使用height組合，並width隨着top和left