छवि अधिकतम आकार माता-पिता की रेखा-ऊंचाई

Question

के अनुसार अधिकतम आकार क्या यह शुद्ध सीएसएस के साथ अपने माता-पिता की रेखा-ऊंचाई के अनुसार एक इनलाइन छवि आकार (स्केल) बनाना संभव है?

इस व्यवस्था पर विचार करें:

HTML:

<p> 
    <img src="image.png"/> text text text 
</p> 

सीएसएस:

p { 
    line-height: 16px; 
} 

img { 
    display: inline; 
    vertical-align: middle; 
} 

क्या मैं चाहते हैं कि छवि 16px की ऊंचाई तक बढ़ाया जाता है, के रूप में है अनुच्छेद के line-height। क्या यह संभव है?

कृपया ध्यान दें: मैं HTML और CSS में परिवर्तनों के लिए खुला हूं, लेकिन मैं जेएस समाधान के बाद नहीं हूं।

Answer 1

दुख की बात यह करने के लिए कोई शुद्ध HTML/CSS तरीका नहीं है।

Answer 2

इस बहुत अच्छी तरह से काम करता है:

img {height: 1em;}