jquery - 在中心显示前景图像

Question

我有一个具有用户配置文件的 rails3 应用程序。每个配置文件可能有 4 个不同大小的配置文件图像和幻灯片。我有一张背景图片 xx.gif。

如果个人资料图像的大小小于 640*480，则 xx.gif 应该在背景中可见，而较小的个人资料图像在前景中。较小的个人资料图像也应位于与背景图像相对应的中心。

这个怎么做？

Answer 1

尝试这个：

HTML

<div id="main">
  <img id="image1" alt="test" src="/images/image.png" class="center">
</div>​

CSS

#main {
    background: url("/images/bg.jpg") 50% 50% no-repeat; 
    border:1px solid #eee; 
    width:500px; 
    height:400px;
    display: table-cell; 
    vertical-align: middle;
    text-align:center;
}

Fiddle here