javascript – 自动缩放图像以匹配文字高度

前端之家收集整理的这篇文章主要介绍了javascript – 自动缩放图像以匹配文字高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个图像,我想使用一些文本内联,但我需要它来匹配文本高度.我知道这可能像< 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/

猜你在找的JavaScript相关文章