自动缩放图像以匹配文本高度
Automatically scale an image to match text height
我有一个图像,我想与一些文本内联使用,但我需要它来匹配文本高度。我知道<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/
相关文章:
- jquery插件或javascript方法自动调整文本输入(而非文本区域)(固定宽度)可变高度的大小
- 自动缩放图像以匹配文本高度
- 可以设置输入类型=文件的文本框的高度
- 使用jquery调整文本区域的高度
- 如何使文本框的高度与窗口的高度相同
- 使用jquery将文本的高度调整为图像的高度
- 始终具有窗口高度的文本区域
- 在 JavaScript 中重置文本区域高度
- 查找文本区域的可见高度
- 动态文本区域高度
- jQuery load() 函数更改输入文本的高度
- 必须使用 d3 库将文本高度保存在 d 中
- 钛应用器动态文本区域高度增加
- 添加动态文本框时更新动态高度
- 文本框在 JavaScript 警报后更改高度和边框宽度
- 文本区域只读自动高度(用所选日期填充)
- 表单“提交”按钮文本(和宽度/高度/值)在按键时消失或更改BTN值
- 是否可以更准确地测量SVG文本高度
- 不同浏览器之间的文本高度
- jqplot y 轴文本高度有剪辑