img标签在div里上下居中

CSS部分：
<style>
.content{
    width:500px;
    height:500px;
    border:1px solid black;
    position:relative;
}
</style>

DOM部分：
<div class="content">
<img src="http://static.cnblogs.com/images/adminlogo.gif" style="margin-top:auto;margin-bottom:auto;top:0;bottom:0;position:absolute"/>
</div>

CSS部分：
<style>
.content{
    width:500px;
    height:500px;
    border:1px solid black;
    position:relative;
}
</style>

DOM结构：
<div class="content">
<img src="http://static.cnblogs.com/images/adminlogo.gif" height=164 style="margin-top:-82px;top:50%;position:absolute"/>//margin-top:-imgheight/2
</div>

CSS部分
<style>
.content{
    width:500px;
    height:500px;
    border:1px solid black;
    display:table-cell;
    vertical-align:middle
}
</style>

DOM部分
<div class="content">
<img src="http://static.cnblogs.com/images/adminlogo.gif"/>
</div>

CSS部分
<style>
.content{
    width:500px;
    height:500px;
    border:1px solid black;
    background:url(‘http://static.cnblogs.com/images/adminlogo.gif‘) center no-repeat;
}
</style>

DOM部分
<div class="content">
</div>