我有一个包含以下代码的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。
最佳答案
试试这个:
div#imgContainer {
min-width: 250px;
min-height: 250px;
padding: 13px;
display: inline-block;
}
感谢@ahren 和@Mohsen
关于javascript - 使div与其中的图像大小相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20242962/