css图片居中实例

<style type="text/css">
 
* {margin:0;padding:0}
div {
    width:500px;
    height:500px;
    border:1px solid #c00;
    overflow:hidden;
    position:relative;
    display:table-cell;
    text-align:center;
    vertical-align:middle
}
div p {
    position:static;
    +position:absolute;
    top:50%
}
img {
    position:static;
    +position:relative;
    top:-50%;left:-50%;
 
}
</style>
 
 
<div>
 
  <p><a href="http://www.jq-school.com/" target="_blank"><img src="http://www.jq-school.com/images/logo.gif" width="358" height="96" /></a></p>
 
</div>