您好，欢迎来到源码搜藏！分享精神，快乐你我！提示：担心找不到本站？在百度搜索“源码搜藏”，网址永远不丢失！

[加入VIP] 设为首页 | 收藏本站 | 网站地图 | Sitemap | TAG标签

当前位置：首页 > 网页特效 > css样式 >

div的内容图片垂直居中代码（兼容多浏览器）

时间：2012-08-14 14:00 来源：互联网作者：admin 浏览：次收藏挑错推荐打印

<!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> 
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> 
<title>无标题文档</title> 
<style type="text/css"> 
.psdthumb { height: 1%; overflow: hidden; display:table; border-spacing:10px; } 
.psdthumb li {border:1px solid #aaa; width:240px; height:160px; text-align:center; vertical-align:middle; position:relative; margin: 10px; *float:left; display: table-cell; } 
.psdthumb .qq { *position:absolute; top:50%; } 
.psdthumb .qq img { *position:relative; top:-50%; left:-50%; } 
</style> 
</head>

<body> 
<div class="psdthumb">
<li><div class="qq"><img src="http://mat1.qq.com/www/images/allskin/wmlogo.gif" ></div></li> 
<li><div class="qq"><img src="http://img1.cache.netease.com/cnews/netease/logo_w.gif" ></div></li> 
</div> 
<p>查找更多代码，请访问：<a href="http://www.sucaiko.com" target="_blank">站长资源库</a></p>
</body> 
</html>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

很多朋友都在问这个问题，div的内容图片垂直居中代码，这个代码兼容多浏览器。

div的内容图片垂直居中代码（兼容多浏览器）由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/csstx/216.html

标签：网站源码 div垂直居中

上一篇：强制Firefox显示滚动条

下一篇：提取自百度有啊的css圆角效果

[css样式] HTML5/CSS3画国旗-五星红旗

[css样式] 圆形按钮HTML5/CSS3 button代码H

[css样式] 多种CSS3纹理背景效果

[css样式] CSS3表格特效边框阴影+圆角有立

[css样式] CSS实现背景渐变 CSs滤镜使用

[css样式] 鼠标经过显示隐藏层

[css样式] css的margin缩写方式

[css样式] CSS圆角框，圆角提示框

[css样式] 超炫css3-rotate环形旋转特效有

[css样式] 让div居中对齐的css

[css样式] CSS实现的搜索框点击后提示消失

[css样式] css3轻松实现六边形

相关内容推荐

网页图标矢量素材

可爱猫猫洗澡澡

图片切换代码

搜索引擎自然排名

生成静态页面

jQuery自动完成插件

LAMP 服务器安装配置

新闻贴图社区

ajax应该如何应用？

搜索引擎优化

关于我们 | 版权声明 | 广告服务 | 联系我们 | 常见问题 | 网站地图 | 网友投稿 | 在线留言

分享精神，快乐你我！联系QQ:498277184

本站资源是从网络整理所得,如果无意侵犯了贵司版权，请与源码搜藏网联系，我们会及时处理和回复，谢谢!

鲁ICP备13013982号-1