CSS 안에 이미지 세로 중앙정렬

카테고리 없음 2011. 2. 18. 13:43

http://maxzero.kr/xe/tx/254

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>vertical align with line-height</title>

<style type="text/css">

* {font-family:dotum;}

div.thumb {

 background: #eee;

 width: 100px;

 height: 100px;

 text-align: center;

 _font-size:100px;

 line-height:100px;

 overflow:hidden;

}



div.thumb:after {

	content: " ";

	margin-left: -0.6em;

	white-space: pre;

}

div.thumb img {

 vertical-align: middle;

}

</style>

</head>

<body>

<div class="thumb">

 <img src="http://hyeonseok.com/hyeonseok-.png" height="70" alt="hyeonseok.com">



</div>

</body>

</html>