小编use*_*709的帖子

我有一个问题.我有这样的HTML代码:

<div id="main_content" >
    <div id="container">
    </div>
</div>

像这样的CSS:

#main_content {
    top: 160px;
    left: 160px;
    width: 800px;
    min-height: 500px;
    height: auto;
    background-color: #2185C5;
    position: relative;
}

#container {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}

我想#container将在#main_content中居中.但事实并非如此.我只想找出原因以及如何使其居中.

我去了一些像这样的HTML代码:

 <div class="item">
    <img src="...">
 </div>

和css代码是这样的:

img {
    max-width: 100%;
    height: auto;
}

.item {
    width: 120px;
    height: 120px;
    height: auto;
    float: left;
    margin: 3px;
    padding: 3px;
}

我想做的是使用div的宽度制作img显示并拉伸它的高度.我也希望div伸展自己适合img.那可能吗？

如果我在html页面上有图像,我可以使用html或css执行以下操作吗？

当图像宽度大于高度时,将高度设置为固定值和自动拉伸宽度; 当高度大于宽度,设置宽度和自动拉伸高度？

非常感谢!