Css 将div调整为图像大小

通常，我使用背景图像根据图像的宽度和高度属性将图像调整为div。现在我有了完全相反的问题

我要做的是根据图像调整div的大小，但是要有最大的宽度和高度。假设图像为200x200，则div必须调整到此大小，但如果图像超过300x300，则必须进行限制

---

你知道我该怎么做吗？

你可以将

最大宽度

和

最大高度

样式属性应用于图像元素

根据您需要对包含元素执行的操作，这可能会起作用：

<div>
    <div style="position: absolute;">Element content here</div>
    <img src="image.png" style="max-width: 300px; max-height: 300px;" />
</div>

这里的元素内容

您的页面结构是什么

我猜你会用这样的东西：

<div id="container">
    <img src="img.jpg" />
</div>

<style>
    #container {
        display: inline-block;
        border:1px solid blue;
        max-width:300px;
        max-height:300px;
    }
</style>

#容器{
显示：内联块；
边框：1px纯蓝色；
最大宽度：300px；
最大高度：300px；
}

确认，背景图像还是img标签？问题是我正在使用背景图像将图像放置在div中。能否更改“位置：绝对”以获得居中图像？