垂直居中可变高度图像，同时保持最大宽度/高度

这应该证明可以很好地工作…不需要Javascript :)

CSS

.absoluteCenter { margin:auto; position:absolute; top:0; bottom:0; left:0; right:0;}img.absoluteCenter { max-height:100%; max-width:100%;}

HTML

<img  src="PATHTOIMAGE">

注意： 此类可以很容易地用于任何事情。如果你用这个不是像其他的东西，一定要添加

TAG.absoluteCenter

max-height

max-width

TAG

div.absoluteCenter

max-width

max-height

100%