0

我有一个div我附加不同大小的不同图像。

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

例如，如果图像640*480的div大小是相同的。如果下一个图像是1024*768大小div自动更改为1024*768

谢谢

4

2 回答 2

1

div是块级元素，因此将是全宽，使其比图像更宽。为了解决这个问题，您可以添加div {float: left}到您的 CSS 中。此外，添加img {display: block}以确保图像在高度方面与 div 齐平

于 2013-10-17T23:40:18.833 回答
0

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：

<div id='background-container'>
  <img src='image0.jpg'>
</div>

<a href='javascript: loadBackground("image1.jpg");'>Image 1</a>
于 2013-10-18T00:38:45.157 回答