[收藏］DIV中图片居中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>一个div里面图片垂直居中的例子</title>

<!--

div {

width:120px;

height:100px;

border:1px solid #ccc;

overflow:hidden;

position:relative;

display:table-cell;

text-align:center;

vertical-align:middle;

background-color:blue;

}

div span {

position:static;

+position:absolute;

top:50%;

}

img {

position:static;

+position:relative;

top:-50%;left:-50%;

}

-->

</style>

</head>

<body>

<div>

<span>

</span>

</div>

</body>

</html>

QQ：273352165 evlon#126.com 转载请注明出处。