0

以下のコードを使用して、ポップアップを画面の正確な中央に割り当てています。しかし、うまくいきません。ポップアップは、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;
}
4

1 に答える 1

0

これを試して：

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

これにより、ポップアップが拡大縮小され、それに次元が与えられます。コンテナが絶対的な場合、マージンを指定する必要はありません。上、右、左、下の値で十分です。

ポップアップの高さと幅を変更する場合は、パーセント値を変更します。

また、 と をとheightとwidth一緒に組み合わせて使用​​することもできます。topleft

于 2013-03-11T04:56:51.563 に答える