如何设置图像高度与文本内容一样多

Question

在我的页面中，我会显示来自Feed的帖子。后期预览具有图像和内容。图像的宽度固定为150像素，但我希望图像的高度等于内容的高度。预览后内容可能少于450个字符，这意味着它的高度将小于其他帖子。

这可以使用jQuery吗？

这是我的代码：

<div id="post">

<div id="image">
<?php 
$imgpath="timthumb.php?src=THE-IMAGE.PNG&h=91&w=150"; } ?>
<img border="0" src="<?php echo $imgpath; ?>"></img>
</div>

<div id="thepost2">
<?php echo mb_substr(strip_tags($entry->description), 0, 450, "UTF-8"); ?>
</div>

</div>

Answer 1

    HTML
    <div id="uniqueid" class="autoheight">
        <img />
    </div>

    $('.autoheight img').css({height: $('#thepost2').height(), width:'150 px'});

如果您不指定宽度，它也会将宽度设置为等于高度。因此，您将根据需要适当指定宽度。它可能会改变图像的纵横比，但可能看起来不太好。