スタイルシートで中心に配置する方法
ブロックサイズが幅1000px、天地800px
クラス名を「container」にした場合
HTMLソース
<div id="container"></div> ←このブロック要素を画面中心に配置する
スタイルシート
ブロックサイズが幅1000px、天地800px
クラス名を「container」にした場合
HTMLソース
<div id="container"></div> ←このブロック要素を画面中心に配置する
スタイルシート
.container { ←ブロック要素クラス名
position: absolute; ←絶対位置の配置
top: 50%; ←ブラウザ画面上から50%下げる
left: 50%; ←ブラウザ画面左から50%右にずらす
width: 1000px; ←ブロックの幅を入力
height: 800px; ←ブロックの天地を入力
margin-left: -500px; ←左にブロック半分の500px戻す
margin-top: -400px; ←上にブロック半分の400px戻す
}
コメント