ホームページ >ウェブフロントエンド >htmlチュートリアル >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;
}
以下に DIV 要素を追加して、ブラウザウィンドウの中央に配置します
コードは次のとおりです コードをコピーします .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;
}