css

サンプル
サンプル（ウインドウの中央に表示①）
サンプル（ウインドウの中央に表示②）

• CSS：TIPS

• デフォルトスタイルシート

• リセットCSS

• テーブル配置（display: table）

センタリング

• 画像をウインドウの中央に表示

（ただし、親要素にabsolute: relative;を指定できないとか、子要素にimg以外の兄弟要素がある場合には対応しない）

　　参考：画像サイズに依存しない絶対中央配置

• インライン要素の左右センタリング

• ブロック要素の左右センタリング

• インライン要素の上下センタリング

• ブロック要素の上下センタリング

• インライン要素の上下左右センタリング（ブロック要素およびウインドウに対して）

• ブロック要素の上下左右センタリング（ブロック要素およびウインドウに対して）

• ウインドウの中央に配置する（旧）

配置

• 配置（position）

親ボックス

このボックスを親ボックスに対して相対的に配置

• 画像を上下中央に配置する

• 上下に詰めて配置（display: table）

480px x 480px のボックスの上部に
このキャプションを記載しているボックスを配置して、
その下部に画像をフィットするように上下中央揃えで配置している。

• テーブルレイアウト（display: table）

以上