余志国网站设计工作室是专业从事义乌做网站、义乌网站制作、义乌网站建设、义乌外贸网站制作、义乌网站设计的专业义乌网站设计工作室,是义乌网站建设专家!    
余志国网站设计工作室LOGO
义乌网页设计师博客

兼容IE和Firefox火狐的DIV垂直居中及容器内图片垂直居中的CSS代码

网页设计 字体：【大】 【中】 【小】 浏览（281）来源：余志国 发布时间：2010-7-9 22:04:04
 
  1. <style type="text/css">
  2. <!-- 
  3. * {margin:0;padding:0}
  4. div {
  5.   width:500px;
  6.   height:500px;
  7.   border:1px solid #666;
  8.   overflow:hidden;
  9.   position:relative;
  10.   display:table-cell;
  11.   text-align:center;
  12.   vertical-align:middle
  13. }
  14. div p {
  15.   position:static;
  16.   +position:absolute;
  17.   top:50%
  18.   }
  19. img {
  20.   position:static;
  21.   +position:relative;
  22.   top:-50%;left:-50%;
  23.   }
  24. -->
  25. </style>
 
  1. <div>
  2.   <p>
  3.      <img src="http://www.google.com/intl/en/images/logo.gif" />
  4.   </p>
  5. </div>

[上一篇：兼容IE和Firefox火狐的上下、左右循环滚动JS代码]
[下一篇：兼容IE和firefox火狐浏览器的网页两侧对联广告代码]
同类热门文章推荐
· MSN、腾讯QQ、SKYPE、阿里旺旺网页在线客服源代码
· 在Dreamweaver 8中自定义连接字符串代码
· 网页虚线代码\表格边框虚线代码大全
· JavaScript特效:实现上下文字、图片滚动循环显示,中间有停顿
· 不错的photoshop样式免费下载，asl格式，Web2.0风格导航条与按钮效果
· 关于网站paypal在线支付接口代码问题
· 点击一个超级链接,能同时打开两个网页/网站的代码
· 如何去掉网页的横向滚动条，竖向滚动条？
· 全球100强优秀企业官方网站经典网站集合
· 如何给网站制作一个favicon.ico图标，附代码(图)
本站热门文章排行
· 李阳疯狂英语下载：视频演讲 发音 句子 口语 单词 对话 句型 语法 音标 听力 cet4 电子书
· QQ空间免费物品、QQ空间4.0皮肤、欢迎动画、领养五级植物、播放器、挂件、导航、漂浮物、鼠标、公告栏
· 余世维博士讲座全集清晰版HTTP免费下载
· 教你如何点亮QQ图标?怎样免费点亮QQ全部图标?
· 走遍美国下载(走遍美国文本、走遍美国MP3、走遍美国视频下载)
· 陈安之视频讲座全集免费下载地址，想提高自己能力的快下！
· 2009最新最全QQ空间免费物品大全（物品名称:开场动画、免费皮肤、导航、音乐播放器）
· 交谊舞视频教程大全,免费下载，泡妞必学(狐步、慢四、华尔兹、快三、伦巴、恰恰)
· 如何免费点亮、关闭熄灭QQLive图标？
· 如何免费点亮、关闭熄灭QQ腾讯图书图标？
站内搜索： 关键词：英语 疯狂英语 免费 QQ空间 ASP 教程 讲座 余世维 陈安之 李阳
发表文章评论
名称： *
邮箱：
Q Q ：
网站：
内容： * 共可输入250字，还剩字。
验证：
还没有评论，快抢沙发...