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

Automatically scale an image to match text height

本文关键字:文本 高度 缩放 图像      更新时间:2023-09-26

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

示例HTML:

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

您尝试过将图像高度设置为1em吗

img {height: 1em;}

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