您当前所在位置：首页 > 网络编程 > CSS/HTMLCSS/HTML css支持标准的图片垂直居中 css支持标准图片垂直居中 网络 2008-08-09CSS/HTML5015 符合标准，多浏览器兼容的图片垂直居中效果代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <style type="text/css"> <!-- body { margin:0;padding:0 } div { width:500px; height:500px; line-height:500px; border:1px solid #ccc; overflow:hidden; position:relative; text-align:center; margin:auto } div p { position:static; +position:absolute; top:50% } img { position:static; +position:relative; top:-50%;left:-50%; width:276px; height:110px; vertical-align:middle } p:after { content:".";font-size:1px; visibility:hidden } --> </style> <div><p><img src="http://www.google.com/intl/en/images/logo.gif"/></p></div> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行] 很赞哦！() 感谢每一位辛勤著写的作者，感谢每一位的分享！ 免责声明：以上内容(文字、图片)收集于互联网，版权归原作者所有，如有侵犯您的原创版权请告知(604811667@qq.com)，我们将尽快删除相关内容，感谢您的理解与支持！ 本文地址：http://www.ku3.com.cn/show/6045.html 上一篇 css+table 1px边框单元格 css+table 1px边框单元格 下一篇 firefox css自动换行的实现方法 符合标准，多浏览器兼容的图片垂直居中效果代码 大图广告（830*140）
