Css 图片垂直居中

.wrap{ position:absolute; width:150px; height:150px; border:1px solid #ccc;}  
.juzhong{position:absolute;top:50%;left:50%; margin:-25px auto auto -25px;   width:50px; height:50px; border:1px solid #ccc;}

<div class="wrap">
　　<div class="juzhong"></div>
</div>

只是如果图片大小不确定，如何不用JS去居中？