框体高度固定,且图片宽度、高度已知的情况下:实现图片水平居中和垂直居中
<style>
.fileimage-box-default .body {
position: relative;
width: <框体宽度>;
height: <框体高度>;
border: 1px red solid;
overflow: hidden;
}
.fileimage-box-default .body a {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: <图片宽度>;
height: <图片高度>;
}
.fileimage-box-default .body a img {
position: absolute;
top: -50%;
left: -50%;
}
</style>
<div class="fileimage-box-default">
<div class="body">
<a>
<img src="example/20090928155109375506.jpg" width="550" height="376" border="0" alt="">
</a>
</div>
</div>