使用CSS將圖像調整爲當前文本高度

Question

上下文：我試圖無縫插入方程式（PNG文件）的內聯圖像到網頁中。我知道這已經做過了，但我將它用作一個學習項目。因此，我對顯示數學的圖書館不感興趣，而是對這個問題的一般答案。

我希望圖像能自然縮放其高度，以匹配當前文本高度的某個百分比，並帶有CSS樣式。我是網頁設計的新手，但看起來我應該能夠包含類似於下面的樣式：

height: 80% * parent.text_height 

這是純粹的CSS可能嗎？

Answer 1

Ems是相對測量單位，它取決於父元素的文本大小。一個em大約是文本行之間的距離。因此，你可以嘗試：

height: .8em; 

但要注意，內聯元素（如一個普通的老img標籤）不接受高規格。