如何设置图像的高度与文本内容一样多
How to set image's height as much as the text content
在我的页面中,我显示来自提要的帖子。后期预览包含图像和内容。图像的宽度固定为150px,但我希望图像的高度等于内容的高度。post-preview的内容可能少于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>
HTML
<div id="uniqueid" class="autoheight">
<img />
</div>
$('.autoheight img').css({height: $('#thepost2').height(), width:'150 px'});
如果你不指定宽度,它将设置宽度等于高度。因此,您将根据需要适当地指定宽度。它可能会改变图像的长宽比,可能看起来不太好。
相关文章:
- 如何在块内浮动文本,就像它是内联的一样
- 显示图像右侧的文本,就好像图像比实际大一样
- JQuery UI 翻转文本,就像在 gumroad.com 中一样
- 像谷歌(ASP)一样在文本框下方的下拉列表中搜索结果
- 如何让文本像原始输入一样显示在文本区域
- 如何获取html元素运行时代码以生成通用副本?就像复制文本框中输入文本一样
- 下拉选择'它实际上是一个文本输入框,就像谷歌日历一样
- 当javascript函数更改html输入文本时,我希望输入文本像调用其他JS函数一样触发事件
- 就像RubyonRails中的按钮Ajax一样——如何更改图像和标志性文本
- 如何将编辑器中的文本与快捷键对齐,就像在msoffice中一样
- 如何初始化CKEditor文本区域换行符,就像html文本区域换行符一样
- 使文本看起来像正在用打字机打字一样
- jQuery在元素中搜索文本就像SQL查询一样
- 如何设置图像的高度与文本内容一样多
- 以编程方式选择与textarea元素中的字符串匹配的文本(就像用鼠标一样)
- 将导航条文本从白色变为黑色,就像装满水的杯子一样
- 我如何制作Sublime文本's";改进的Native for loop";像循环的法线一样
- 我如何像对keyup事件中的文本框一样,对单选按钮点击事件进行实时验证
- 我正在 angularjs 中设计一个表格,其中包含每列的多文本过滤选项,就像在 excel 中一样
- 我如何实现"帮助文本"就像stackoverflow快速搜索一样