垂直对齐中心图像在固定大小div [英] vertical align center image in fixed size div

问题描述

我有一个div是145px X 145px。我在这个潜水里面有一个img。 img可以是任何大小（最长边为130像素）。我想要的图像在div中垂直居中。我试过的一切工作在大多数浏览器，但不是IE7。

I have a div which is 145px X 145px. I have an img inside this dive. The img could be of any size (longest side being 130px). I would like the image to be centered vertically in the div. Everything that I have tried works in most browsers, but not IE7. I need something that will work in IE7.

推荐答案

您可以使用div上的背景来替换图片：

You can replace the image by a background on the div like this :

<div style="background:url(myimage.jpg) no-repeat center center"></div>

这篇关于垂直对齐中心图像在固定大小div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！