- 最后登录
- 2013-7-18
- 注册时间
- 2011-7-16
- 阅读权限
- 70
- 积分
- 3247
 
- 纳金币
- 324742
- 精华
- 0
|
连续发表了两篇关于水平和上下居中的文章，大家可以通过本文尾部的上一篇来查看前边的文章，不说费话，烈火将又一款居中代码展示出来。
演示：
<html>
<head>
<style type="text/css">
<!--
* {margin:0;padding:0}
div {
width:500px;
height:500px;
border:1px solid #666;
overflow:hidden;
position:relative;
display:table-cell;
text-align:center;
vertical-align:middle
}
div p {
position:static;
+position:absolute;
top:50%
}
img {
position:static;
+position:relative;
top:-50%;
left:-50%;
}/* 烈火学院 http://www.veryhuo.com */
</style>
</head>
<body>
<div>
<p><img src="http://www.veryhuo.com/images/logo.gif" /></p>
</div>
</body>
</html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
文章源自：烈火网，原文：http://www.veryhuo.com/a/view/26419.html
|
|
发表于 2011-12-30 19:32:25
QQ好友和群
腾讯微博
腾讯朋友
微信
转播
淘帖
收藏
支持
反对