1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en">
3. <head>
4. <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
5. <title>hezc</title>
6. <styletype="text/css">
7. .hezc{width:200px;height:200px;line-height:200px;font-size:180px;text-align:center;display:table-cell;vertical-align:middle;border:1pxsolid#ccc}
8. .hezcimg{vertical-align:middle;}
9. </style>
10. </head>
11. <body>
12. <divclass="hezc">
13. <imgsrc="http://www.sem.org.cn/images/logo.gif"border="1"widht="100"height="100"/>
14. </div>
15. </body>
16. </html>

本文主要介绍的就是实现图片div居中的代码，其实这个实现方法并不会太难，我们只要多加练习，您的脑袋会变得更加好用，也会更加容易完成一些效果。