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