css弾窓スクリーン中央
507 ワード
position:fixed;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
-ms-transform::translateX(-50%) translateY(-50%);
-moz-transform::translateX(-50%) translateY(-50%);
-webkit-transform::translateX(-50%) translateY(-50%);
-o-transform::translateX(-50%) translateY(-50%);
top:50%left:50%で位置決めすると、要素の左上隅がページの真ん中になります.
transform:translateX(-50%)translateY(-50%)はCSS 3の新しい書き方で、要素を彼自身の幅に対して逆方向に移動させます.上記のコードに合わせて中央位置決めが可能であり、幅の広い要素が不確定であるのに適しているが、低バージョンIEでは互換性がない.