使 div 的大小与其内部图像的大小相同

2024-06-27

我有一个带有以下代码的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;
}

Fiddle http://jsfiddle.net/x2c99/1/

感谢@ahren 和@Mohsen

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使 div 的大小与其内部图像的大小相同 的相关文章

随机推荐