html - CSS:Div 环绕图像

Question

我有一个带有 style='width:40%;height:40%;' 的 img 元素。我想添加一个自动包装它的 div。但是，当我插入 div 而不是包装 img 时，它只是扩展到内部的 div。

我怎样才能强制这个 div 包装 img 以便它可以用作框架。之所以没有预先设置div的高度和宽度，是因为img的百分比是动态给定的，所以div要根据img的大小来包裹img。

Answer 1

如果你这样做

<div id="wrapper">
    <img src="...">
</div>

您可以将 display: inline-block; 属性添加到 wrapper。那对我有用。尽管如此，您的 style='width:40%;height:40%;' 仍将使其高度由其父级调整，正如@jesse-van-assen 已经提到的那样。