如何在中间放置一个较小的div的图像？

可能重复：
Aligning image to center inside a smaller div 如何在中间放置一个较小的div的图像？

我有一个指向CSS 3的一个问题，请参阅我的HTML代码的一部分：

<div id="main" style="width: 320px; height: 400px;"> 
    <img src="test.jpg" height="400" /> 
</div>

我不知道test.jpg文件的实际大小（宽度可以不同 - 文件是动态的）。我想要在中间的图像=“主”（我不在乎，左图&图像的右侧部分将超出范围 - 它甚至更好）。我怎样才能做到这一点？

2011-12-26 Jakub

你只需要水平或垂直也居中？ – 2011-12-26 20:59:15

只有水平的 – Jakub 2011-12-26 21:02:18

我没有在这里看到任何CSS3，除非你说你的图像和div参与了这个问题出现的一些变换或动画。你能详细说明一下吗？ – BoltClock 2011-12-26 21:03:06

只要您指定任何width，您可以通过添加margin:auto;来居中。这不是CSS3。

<img src="test.jpg" style="margin:auto; width:200px;display:block" />

2011-12-26 20:59:52 DOK

我不想调整图像大小（宽度200），只需对齐中心 – Jakub 2011-12-26 21:07:02

所以，不要调整大小。 – 2011-12-26 21:09:00

但我不知道真正的大小，所以我不能设置宽度，即200px – Jakub 2011-12-26 21:11:44

这将做的工作

<div id="main" style="width: 320px; height: 400px;background-position:center;background-repeat:no-repeat;background-image:url('test.jpg')"> 

</div>

2011-12-26 21:12:31

您是否尝试过使用此方法？ – 2011-12-27 07:11:35

是的，但我更愿意使用。我已经解决了使用jQuery的问题。 – Jakub 2011-12-28 08:18:16

你能和我们分享吗？ – 2011-12-28 08:19:33

回答