div中的图片垂直水平局中的代码，ie7也支持

<style>  
.box {display: table-cell;vertical-align:middle;  
text-align:center;*display: block;*font-size: 175px;  
*font-family:Arial;  
width:200px;height:200px;border: 1px solid #eee;}  
.box img {vertical-align:middle;}  
</style> 
</head>
<body>
<div class="box"><img src="DYJBU$KH(`RY{{%}N8I0C63.jpg"  /></div>
</body>

 

补充重要的说明：
*font-size: 175px; 这个属性比较重要，如果长度属性不是200px，那么这个属性也要随之调整，调整成适当的大小。
.box img {vertical-align:middle;}  千万别忘记加这个代码。

posted @ 2015-10-09 20:28  z542601362  阅读(110)  评论(0)    收藏  举报