2011-07-12 21 views
9

http://jsfiddle.net/xJmZt/रेखा-ऊंचाई छवियों को प्रभावित करता है?

आप ऊपर के उदाहरण में देख सकते हैं, वहाँ div पर के बारे में 6px के अतिरिक्त ऊंचाई है।

यदि लाइन-ऊंचाई बदलकर ~ 1px (link) हो तो अतिरिक्त ऊंचाई समाप्त हो जाती है।

तो रेखा-ऊंचाई छवियों को भी प्रभावित करती है?

+0

@ मैट बॉल मैंने सोचा कि लाइन-ऊंचाई केवल पाठ को प्रभावित करती है: /। @Matteo रिवा का जवाब यह स्पष्ट करता है। – user552747

+0

इस पोस्ट को देखें http://stackoverflow.com/questions/15940338/is-there-a-way-via-css-to-set-the-image-height-to-the-line-height –

उत्तर

16

डिफ़ॉल्ट रूप से छवियों को इनलाइन तत्वों के रूप में परिभाषित किया जाता है ताकि वे टेक्स्ट नियमों का पालन कर सकें, आप या तो छवियों से मेल खाने के लिए कंटेनर ऊंचाई सेट कर सकते हैं, या छवि display: block या vertical-align: bottom दे सकते हैं।

+0

धन्यवाद कि यह किया :) – user552747

संबंधित मुद्दे

 संबंधित मुद्दे