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

标签 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>

最佳答案

你试过将图像高度设置为 1em 吗?

img {height: 1em;}

在这里查看 fiddle :http://jsfiddle.net/yAr7z/

关于javascript - 自动缩放图像以匹配文本高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12285608/

相关文章:

javascript - 如何通过按钮更改选择表单

javascript - 当我检查元素时,如何使用 Javascript 设置输入值,不仅用于 View ,还用于元素中的永久值?

html - 在CSS中居中div但远离左侧导航

javascript - 包含行的表内的容器元素

javascript - 在 webpack 构建期间 Vuetify CSS 更改顺序

javascript - 如何为动态添加的按钮添加点击监听器?

javascript - Jquery:选择文本时运行代码

html链接不可点击

html - 页面加载时事件列表组元素颜色错误

javascript - 前端开发人员如何捆绑和缩小文件?