Image 在不更改图像大小的情况下更改img容器的大小?

Image 在不更改图像大小的情况下更改img容器的大小?,image,tumblr,css,Image,Tumblr,Css,以下是我的标记示例: <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>Test

以下是我的标记示例:

<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
    的形式出现在流中,我如何才能做到这一点呢?

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

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

    $('.tumblr_photo').wrap('<div class="somename" />');
    
    $('.tumblr_photo').wrap('');
    
    在加载图像后,您是否可以进行一些JavaScript操作?我与moleculezz在这一点上是一致的,基于您得到的标记,唯一的扩展方法是在加载图像后添加JavaScript操作:)绝对可能。我只是不知道如何:)我修改了我的答案,以包含一个使用jQuery wrap函数的解决方案。从那里我可以调整div的样式,使其符合我的布局。