网页制作实例：用CSS实现图片垂直居中方法
日期：2007年9月18日 作者： 查看:[大字体 中字体 小字体]-
网页制作，用Css实现图片垂直居中方法
<!DOCTYPE Html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style type="text/css">
<!--
body {
margin:0;padding:0
}
div {
width:500px;
height:500px;
line-height:500px;
border:1px solid #ccc;
overflow:hidden;
position:relative;
text-align:center;
margin:auto
}
div p {
position:static;
+position:absolute;
top:50%
}
img {
position:static;
+position:relative;
top:-50%;left:-50%;
width:276px;
height:110px;
vertical-align:middle
}
p:after {
content:".";font-size:1px;
visibility:hidden
}
-->
</style><div><p><img src=" <A href='http://www.webjx.com/images/logo.gif"/>
http://www.webjx.com/images/logo.gif"/></p></div>
（出处：网侠）
上一篇:老鸟传经：做网站的实用建议