用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="http://www.ddvip.com/images/logo.gif"/></p></div> 本文作者:



相关阅读:
FireFox浏览器和IE浏览器下CSS兼容问题
phpwind 系统强制您所在的用户组必须设置安全问题
VBScript提交表单提示-对象不支持此属性或方法
jsp hibernate的分页代码
知道吗?H1标签同样也可以美化
菜鸟学装FreeBSD5.1图解
双系统下Vista中快速启动XP
解决ASP.NET 的进程帐户没有访问 IIS的权限
JSP/Servlet的URL重定向
在javascript中为String对象添加trim,ltrim,rtrim方法
PHP如何透过ODBC来存取数据库
SQL Server中导入导出数据的三种方式
如何将全文检索中的“干扰词”去除
加强Win 2003系统安全性技巧四招
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4