javascript - 如何根据缩放后的图像宽度动态设置 div 宽度

Question

我想让页面调整围绕图像的 div 的宽度，图像下方有一些文本，这样文本就会被强制换行，以免超过图像的宽度。拇指的宽度因拇指而异。在下面的代码中，我用“???”标识了未知宽度。

<div id="N-03-item" style="float:left; width: ???;">
  <p><a href="item.php?i=8">
  <img id="N-03" src="photos/thumbs/8.jpg" alt='Choker Necklace 18"'/><br/>
  Frosted Flower Choker Necklace 18"</a></p>
</div>

我认为这是 javascript 需要做的事情(尽管 CSS 解决方案也不错)，但 javascript 不是我的强项。根据 DOM 在每个实例中报告的图像宽度，每次生成的 div 宽度都需要不同。

谁能告诉我合适的 javascript 是什么？

Answer 1

如果可以使用jQuery它会是这样的:

$("#N-03-item").css({
     "width": $("#N-03").width()
});