DN*BLOG

2008.5.2

CSSで要素を上下左右、中央に配置する方法

ブラウザのサイズに関係なく、上下左右中央配置を実現する方法です。

CSSソース

#container {
	width:800px;
	height:400px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-400px;
}

margin-topとmargin-leftにそれぞれのwidthとheightの半分のマイナス値を適用させます。

思いつきそうで思いつかなかった手法ですね。

FavoriteLoadingAdd to favorites

Category : CSS

関連する記事