自动缩放图像以匹配文本高度

时间:2012-09-05 16:12:39

标签: javascript html css image

我有一个图像,我想用内联一些文字,但我需要它来匹配文字高度。我知道像<img src="img.jpg" height=16>甚至<img src="img.jpg" height="100%">这样的东西是可能的,但前者不会随着文本大小而缩放,而后者似乎使它成为div的大小,而不是文本高度。有人可以帮忙吗?

示例HTML:

<body>
This is a test <img src="img.jpg">
</body>

1 个答案:

答案 0 :(得分:32)

您是否尝试将图像高度设为1em?

img {height: 1em;}

在这里查看小提琴:http://jsfiddle.net/yAr7z/