おぼえられないから

ただただ自分の覚え書きのためです。

個人的な覚書なので見ても役に立ちませんよ。

スタイルシートで中心に配置する方法

ブロックサイズが幅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戻す
 }   

コメント

コメントフォーム
評価する
  • 1
  • 2
  • 3
  • 4
  • 5
  • リセット
  • 1
  • 2
  • 3
  • 4
  • 5
  • リセット