在不更改图像大小的情况下更改 img 容器的大小？答案

【问题标题】：Changing the size of an img container without changing the image size?在不更改图像大小的情况下更改 img 容器的大小？
【发布时间】：2011-03-16 12:57:26
【问题描述】：

这是我的标记示例：

<li class="tumblr_post tumblr_photo_post">
    <img class="tumblr_photo" alt="Testing photo post" src="http://29.media.tumblr.com/tumblr_li5e4zfgrd1qi4tmio1_400.png">
    <div class="tumblr_caption">
        <p>Testing photo post</p>
    </div>
</li>

我想更改图像容器的大小而不更改图像的大小。由于它直接作为img 在流程中，我该怎么做？

【问题讨论】：

更新：使用 javascript 将 img 标签包含在 div 中是非常好的。从那里我可以调整 div 的样式，使其适合我的布局。

标签： image tumblr css

【解决方案1】：

我认为您的图像不像您在顶部的视频那样包含在 div 容器中。

尝试使用以下 jQuery 代码将 img 添加到 div 容器中。当然，您必须将 jQuery 库添加到您的页面中。

$('.tumblr_photo').wrap('<div class="somename" />');

【讨论】：

图片加载后可以做一些JavaScript操作吗？
我在这个上使用了moleculezz，根据您拥有的标记，拉伸它的唯一方法是在图像加载后添加javascript操作:)
绝对有可能。我只是不知道怎么做:)
我修改了我的答案以包含一个使用 jQuery wrap 函数的解决方案。