javascript - 使div与其中的图像大小相同

Question

我有一个包含以下代码的div

HTML:

<div id='imgContainer'>
    <img src='/img/logo.png' id='imglogo'></img>
</div>

CSS

div#imgContainer {
    width: 250px;
    height: 250px;
    padding: 13px;
}

问题是用户可以编辑图像大小、颜色和其他一些东西，所以我希望 div 随着图像变大而变大。如果图像小于它，我希望 div 的宽度和高度为 250px，但随着图像变大而变大。

解决方案可以使用 PHP、JavaScript、CSS 或 jQuery。

Answer 1

试试这个:

div#imgContainer {
    min-width: 250px;
    min-height: 250px;
    padding: 13px;
    display: inline-block;
}

Fiddle

感谢@ahren 和@Mohsen