使用CSS将图像大小调整为当前文本高度

时间:2012-11-01 21:48:47

标签: css css3

上下文:我试图将方程式内嵌图像(PNG文件)无缝插入到网页中。我知道这已经做过了,但是我把它作为一个学习项目。因此,我对显示数学的图书馆不感兴趣,而是对这个问题的一般答案。

我希望图像能够自然地缩放它们的高度,以匹配css样式的当前文本高度的某个百分比。我是网页设计的初学者,但似乎我应该能够包含一个看起来像这样的风格:

height: 80% * parent.text_height

这可以用纯CSS吗?

1 个答案:

答案 0 :(得分:8)

Ems是相对度量单位,它取决于父元素的文本大小。一个em大约是文本行之间的距离。因此,您可以尝试:

height: .8em;

但请注意,内联元素(如普通的旧img标记)不接受高度规范。