Html 弹出窗口不指定屏幕的中心
我使用下面的代码指定屏幕的确切中心位置。但它不起作用。弹出窗口根据div的大小显示在不同的位置。但是我想在屏幕中央显示divHtml 弹出窗口不指定屏幕的中心,html,css,Html,Css,我使用下面的代码指定屏幕的确切中心位置。但它不起作用。弹出窗口根据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;
.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;
}
试试这个:
.pnl_renewal_res
{
background:White;
position: absolute;
top: 30%;
left: 30%;
right:30%;
bottom:30%;
display: none;
border:1px solid #333333;
}
这将缩放您的弹出窗口,并为其提供一个维度。
当容器是绝对值时,您不需要提供边距:top、right、left和bottom值就可以了
如果要更改弹出窗口的高度和宽度,请更改百分比值
此外,您还可以将高度
和宽度
与顶部
和左侧
组合使用