Html 试着把照片包起来

我试图使一个图像保持在主框的中心，并且仍然被包裹在边框内，这是自动的，因为有几个图片，它们的大小不同

这是css：

.bild2  {
border:3px solid #999;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:20px;
box-shadow:rgba(0,0,0,0.5) 0px 0px 24px;
height: auto;
overflow: hidden;
margin: auto;

}

和html：

<div class="bild2" style="width:406px;">
  <a href="../index.html">
    <img src="images/boyP.jpg" onclick="var node=parentNode.parentNode.parentNode.parentNode; if( node.click ) { return node.click(); } else { return true; }">
  </a>
</div>

我建议将图像放置为

背景图像

，并将

背景位置

设置为

中心

以下是使用

背景图像

而不是

的解决方案：

以下是定位的解决方案：

---

请记住，在这两种情况下，您都需要为您的

div设置
高度
，您的问题是什么？你现在得到了什么？你是说在html中？我是初学者：）。我正在使用更多的图片，并希望使用相同的css。发布相关的html和css，以便我可以向您展示如何操作。html：感谢您的帮助，感谢您花时间：）！但我想做的是不必指定宽度。所有图片的高度相同，但宽度不同。如果我添加了左浮动，我就可以工作了，但我希望图片居中。有什么想法吗？我不明白你的意思。。。您可以定义一个宽度：
。你们怎么能说：“我想做的事情是不必指定宽度”？因为我必须这样做。我想避免这种情况。这就是我的问题。这意味着您希望所有图像都以固定的宽度和高度进行裁剪，对吗？不是所有图像都具有相同的高度，但宽度不同，我希望避免在每个html文件上都必须输入特定的宽度。也许我误解了你？