CSS 実装 div centering_html/css_WEB-ITnose で Position:fixed

上下左右中央揃え

コードは次のようにコピーされます
div{
position:fixed;
margin:auto;
left:0;
right:0;
top:0;
bottom: 0;
width:200px;
height:150px;
}

左右を中央揃えにする必要がある場合は、bottom:0; または top:0; を削除します。 delete left:0; または right:0; それは、

以下に DIV 要素を追加して、ブラウザウィンドウの中央に配置します

実際、この効果を実現するのは、位置を使用することで簡単に行うことができます。 CSSでの位置決め。コードを見てみましょう:

コードは次のとおりです コードをコピーします

.dialog{

position:fixed;
_position:absolute;
z-index: 1;
上: 50 %;
左: 50%;
マージン: -141px 0 0 -201px;
幅: 400px;
高さ: 280px;
ボーダー:1px 実線 #CCC;
行の高さ: 280px;
text-align:center;
fon(www.111cn.net)t-size:14px;
background-color:#F4F4F4;
overflow:hidden;
}