兼容IE和Firefox火狐的DIV垂直居中及容器内图片垂直居中的CSS代码
分类：网页设计 Tags： 兼容浏览器 css div 评论：0 浏览：5342 最近更新时间：2014/8/21 16:24:18
<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%;
}
-->
</style>
<div>
<p>
<img src="http://www.google.com/intl/en/images/logo.gif" />
</p>
</div>本文地址：/476/
-
• CSS设计中常见的应用技巧,编写技巧
• 如何有效防止网站出现垃圾留言,垃圾评论?
• Dreamweaver cs3 占用cpu100%的解决方法
• CSS选取第几个标签元素：first-child、last-child、nth-child
• 网站快速成功的九个步骤
• 中英文企业网站常用中英文翻译对照
• 不错的photoshop样式免费下载，asl格式，Web2.0风格导航条与按钮效果
• 推荐1个免费的按钮图标icon下载站点，特别有质感哦
• 点击一个超级链接,能同时打开两个网页/网站的代码
• 全球100强优秀企业官方网站经典网站集合
-
• rs.open sql,conn,1,1和rs.open sql,conn,1,3的意思
• iis如何支持.webp图片格式访问
• FCKEditor2.5编辑器设置及修改方法For ASP，支持UTF-8编码
• 263企业邮箱配置foxmail收发信教程
• 如何免费点亮、关闭熄灭QQTalk团队语音图标？
• 安装浏览器插件Fatkun，实现下载任意网页上的图片视频
• 解决ZOHO企业邮箱发信提示服务器不支持ssl，发信失败问题
• 11.11光棍节搞笑短信＋光棍节搞笑QQ表情＋光棍节的由来
• 国外提供域名免费DNS解析服务商收集
• 如何制作英语名片？English Name Card Design
