DIV中文字和图片垂直居中的代码┆IE有效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>DIV垂直居中代码</title>
<style type="text/css">
.holder{
width:740px;
height:300px;
border:1px solid #777;
text-align:center;
display:table-cell;
vertical-align:middle;
}
/*以下样式针对IE*/
.edge{
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
.container{
vertical-align:middle;
display:inline-block;
background-color:#000000
}
.container img { display:block; border:0px}
.container a{ display:inline; margin:0px}
</style>
</head>
<body>
<div class="holder"><span class="edge"></span><span class="container"><a href="
http://www.igo321.com" target="_blank"><img src="
http://www.igo321.com/template/images/logo.gif" alt="" /></a><br />更多学习教程请登录 <a href=
http://www.igo321.com>站长资源网</a></span></div></body></html>