<!DOCTY PE ht ML P ub LIC "-//W3C//DTD XHTML 1.0 Trans IT ional//EN" "http://HdhCmsTestw3. org /TR/xhtml1/DTD/xhtml1 -t ransitional.dtd">
<html XM lns="http://HdhCmsTestw3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
< ;m eta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>hezc</title>
<style type="text/css">
.hezc{width:200px; h ei ght:200px;line-height:200px;font- Size: 180px;text-align: center ;dis play :table-cell; vert ical -align:middle;border:1px solid # ccc}
.hezc img { vertical-align:middle;}
</style>
</head>
<body>
<div class="hezc">
<img src="http://lh4.ggpht .COM /_ukA5Ln2cXIc/SRcgn5exDoI/AAAAAAAAAD4/ jq cPpNZDPlI/s400/CSS%E9%80%9F%E8%AE%B0%E5%8D%A1%E7%89%87.gif" border="1" widht="100" height="100"/>
</div>
</body>
</html>
提示:可以修改后运行.
img 图片居中：先小小的记录下发现的新方法，有空在整理下。
具体代码：
CSS Code 复制内容到剪贴板
<!DOCTYPE&nbs p; html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://HdhCmsTestw3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > <html xmlns= "http://HdhCmsTestw3.org/1999/xhtml" xml:lang= "en" lang= "en" > <head> <meta http-equiv= "Content-Type" content = "text/html; charset=gb2312" /> <title>hezc</title> <style type= "text/css" > .hezc{ width : 200px ; height : 200px ; line-height : 200px ; font -s ize : 180px ; text-align : center ; display : table-cell ; vertical-align : middle ; border : 1px solid #ccc } .hezc img{ vertical-align : middle ;} </style> </head> <body> <div class= "hezc" > <img src = "https://HdhCmsTestjs-code测试数据/images/ LOG o.gif" border = "1" widht= "100" height = "100" /> </div> </body> </html>
总结
以上是 为你收集整理的 让图片 div居中实现代码 全部内容，希望文章能够帮你解决 让图片 div居中实现代码 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。