<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <style type="text/css"> <> </style> <div><p><img src="http://www.jb51.net/images/logo.gif" /></p></div>
提示：您可以先修改部分代码再运行
标准浏览器下另类方法:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <style type="text/css"> <> </style> <div><p><img src="http://www.jb51.net/images/logo.gif"/></p></div>
提示：您可以先修改部分代码再运行
标准浏览器严格型申明下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <style type="text/css"> <> </style> <div><p><img src="http://www.jb51.net/images/logo.gif" /></p></div>
提示：您可以先修改部分代码再运行
最简单当然是背景图片的方法拉。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <style type="text/css"> * {margin:0;padding:0;} div { width:500px;border:1px solid #f00; height:500px; background:url("http://www.jb51.net/images/logo.gif") center no-repeat } </style> <div> </div>
提示：您可以先修改部分代码再运行
【CSS图片垂直居中方法整理集合 ！(常见问题解答)】相关文章：
★ 实现div垂直居中的display:table-cell方法示例介绍