Javascript 如何缩放div，使其大小与image'；s码

我有一个

div

，我在其中附加了不同大小的不同图像

如何将其大小设置为与图像大小相同

例如，如果图像的大小为

640*480

则

div

大小相同。如果下一个图像是

1024*768

则

div

大小将自动更改为

1024*768

---

谢谢

div

是一个块级元素，因此将是全宽的，使其比图像更宽。为了解决这个问题，您可以将

div{float:left}

添加到CSS中。另外，添加

img{display:block}

以确保图像在高度方面与div齐平

Javascript:

function loadBackground(img) {
  newBg =                       document.createElement('IMG');
  newBg.src =                   img;

  bgContainer =                 document.getElementById('background-container');
  bgContainer.appendChild(newBg);

  newBg.onload = function() {
    imgs =                      bgContainer.getElementsByTagName('IMG');
    bgContainer.style.width =   newBg.offsetWidth;
    bgContainer.style.height =  newBg.offsetHeight;
    bgContainer.removeChild(imgs[0]);
  }
}

HTML:

您可能需要

display:block

在imgasuming上使用JavaScript进行附加，您可能还需要使用JavaScript设置元素的高度和宽度。不知道什么更容易。我做了

float:left用于div和
img.setAttribute（“显示”、“块”）和div不调整大小。如果我只对div设置
溢出：auto
，而对图像设置为nothing，则div会调整大小。但是我想把div的宽度限制在900。如果我添加
最大宽度：940px图像太大，我看到了半幅图像。我错过了什么？谢谢我在这里做了一个jsfiddle:。你能解释一下你的不同之处/出了什么问题吗？好的，谢谢你的帮助，把事情弄清楚了。还有一件事要问
img{display:block；width:100%；height:auto；}
调整页面所有图像的大小。如何将此限制为特定div的图像？再次感谢您，您可以先使用div的ID或类名，然后使用图像，例如
div.img-holder img{display:block；width:100%；height:auto；}
Aha！现在有道理了。很好。谢谢
<div id='background-container'>
  <img src='image0.jpg'>
</div>

<a href='javascript: loadBackground("image1.jpg");'>Image 1</a>