リプタクのもう覚えられません
Google
Web サイト内
topmemo ▶ 縦横中央に表示する方法

CSS

縦横中央に表示する方法

CSSを用いて縦横中央に表示するサンプルコード。ブラウザのサイズを小さくするとはみ出した部分が見えなくなる。

【CSS】
#sample {
height: 300px;
width: 600px;
position: absolute;
left: 50%;
top: 50%;
margin: -150px 0px 0px -300px;
}

【HTML】
<div id="sample">サンプル</div>

last update 2008.4.28
参考・出典等
CSSで縦横中央に表示してみる

▲page top

topmemoblogtestaboutmail
Copylight(C)2008 Riptac. All Rights Reserved.