象外行一样思考，象专家一样实践。
纯CSS完美地解决图片在div内垂直水平居中，几乎兼容全部浏览器
coolbean | 11 十二月, 2007 15:04
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style type="text/css">
.img_v {
display:table-cell !important;
display:block;
position:static !important;
position:relative;
overflow:hidden;
width:400px;
height:400px;
border:1px solid #000;
vertical-align:middle;
text-align:center;
}
.img_v p {
display:table-cell !important;
display:block;
margin:0;
position:static !important;
position:absolute;
top:50%;
left:50%;
width:400px;
margin-left:auto;
margin-right:auto;
}
.img_v img {
position:static !important;
position:relative;
top:auto !important;
top:-50%;
left:auto !important;
left:-50%;
}
</style>
</head>
<body>
<div class="img_v">
<p><img src="http://haoshenqi.cn/images/logo.gif"></p>
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style type="text/css">
.img_v {
display:table-cell !important;
display:block;
position:static !important;
position:relative;
overflow:hidden;
width:400px;
height:400px;
border:1px solid #000;
vertical-align:middle;
text-align:center;
}
.img_v p {
display:table-cell !important;
display:block;
margin:0;
position:static !important;
position:absolute;
top:50%;
left:50%;
width:400px;
margin-left:auto;
margin-right:auto;
}
.img_v img {
position:static !important;
position:relative;
top:auto !important;
top:-50%;
left:auto !important;
left:-50%;
}
</style>
</head>
<body>
<div class="img_v">
<p><img src="http://haoshenqi.cn/images/logo.gif"></p>
</div>
</body>
</html>
开源文化 |
下一篇 | 
上一篇 |
评论 (1) | 
引用 (0)
评论
选单
站内搜寻
Google搜索
日历
| « | 九月 2010 | » | ||||
|---|---|---|---|---|---|---|
| 一 | 二 | 三 | 四 | 五 | 六 | 日 |
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | |||
![http://haoshenqi.cn/images/logo.gif"></p](http://haoshenqi.cn/images/logo.gif"></p){kind=link}
性感的
秤砣 | 13/10/2008, 09:09
北京时间9月30日晚8:45，美国总统布什发表电视讲话，称7000亿美元救市方案未获众院通过并非“立法行动的终结”，他警告国会必须采取行动，否则将使美国经济遭受“痛苦而持久”的损害。
world of warcraft power leveling
针对众议院否决了之前的7000亿美元救市方案，布什政府已经开始与国会准备就新的救市方案进行商谈，新版方案可望最早在周三推出。美国国会参议院9月30日宣布，将于美国当地时间10月1日晚间就修改过的7000亿美元救市方案进行表决。这也是该方案能否付诸实施的关键一步。
由于投资者对新方案预期乐观，全球股市在遭受重挫后普遍回暖，美股道琼斯指数更是创下六年来最大单日涨幅。
world of warcraft powerleveling
【美国】美国救市方案有望重上桌台 美股周二大幅回暖
由于投资者对被否决的金融救援计划最终将获得美国国会的批准充满希望，周二美国股市大幅回暖，道指涨幅达4.68%，创下2002年以来的最大单日点数及百分比涨幅。标准普尔指数也出现六年来的最大单日涨幅，达到5.3%。
Warhammer Online power leveling
【欧洲】欧股周二走高 银行类股扭转颓势普遍上扬
由于投资者相信修订后的美国金融市场救助方案很快将获得国会通过，欧洲股市周二(9月30日)收盘走高，银行类股普遍上扬。
Warhammer Online powerleveling
【英国】英股反弹1.7% 全季大幅下滑13%
伦敦股市的风向标：金融时报100指数明显反弹，挽回了昨天重跌5.3%的部分损失。尽管如此，金融板块为期一个月的动荡仍导致该指数在整个第三季度中大幅下滑约13%。在矿业板块和一些大型金融股的推动下，今天金融时报100指数上涨1.7%，收于4902.45点。
warcraft power leveling
【日本】东京股市日经股指小幅收高
受前一个交易日美国股市大幅上涨的影响，日本东京股市日经股指1日小幅收高。截至收盘时，东京股市日经225种股票平均价格指数比前一个交易日上涨108.40点，收于11368.29点，涨幅为0.96%。
warcraft powerleveling
【台北】台北股市周三上涨44点
台北股市10月1日以5854点开盘，收盘上涨44点，加权指数收在5764点，成交量为新台币628.58亿元。