शीर्ष और इनलाइन तत्व सिर पहले एचटीएमएल से

Question

उद्धरण के नीचे गद्दी:

आप शीर्ष और इनलाइन तत्व की तह तक गद्दी जोड़ सकते हैं, लेकिन गद्दी को प्रभावित नहीं करता इसके चारों ओर अन्य इनलाइन तत्वों की रिक्ति है, तो गद्दी अन्य इनलाइन तत्वों

ओवरलैप होगा

क) जहाँ तक मेरा उपर्युक्त उद्धरण को समझते हैं, शीर्ष और इनलाइन तत्व की तह तक गद्दी जोड़ने नहीं है (कभी) कोई प्रभाव है आसपास के तत्वों पर और इस प्रकार पृष्ठ के रूप में ?!

बी) लेकिन वास्तव में क्या मतलब है "पैडिंग अन्य इनलाइन तत्व" ओवरलैप करेगा? क्या यह शायद सुझाव देता है कि कुछ परिस्थितियों में पैडिंग (इनलाइन तत्व के ऊपर और नीचे) पृष्ठ के स्वरूप पर प्रभाव डालेगा ?!

thanx

Answer 1

अगर मैं सही ढंग से समझ, और एक example से मैं सिर्फ बनाया:

क) पाठ, एक इनलाइन तत्व है तो मेरे ऊपर और नीचे गद्दी के साथ एक अवधि जोड़ने अन्य लाइनों को

बी) जैसा कि आप देख सकते हैं, क्योंकि मैंने अवधि में रंग जोड़ा है, रंग अन्य लाइनों को ओवरलैप करेगा।

मुझे आशा है कि यह दोनों सही है, और अपने प्रश्न का उत्तर: के बजाय डी इनलाइन-ब्लॉक

Answer 2

गद्दी तत्व में ही प्रभावित करेगा। उदाहरण के लिए, तत्व के भीतर कोई भी पाठ अन्य DOM तत्वों से अधिक गद्देदार होगा।

Answer 3

इस प्रयास करें:

<style type="text/css"> 
    div { background: blue; height: 4em; padding: 1em } 
    span { background: red; padding: .5em; } 
</style> 

<div> 
    <span>one</span> 
    <br/> 
    <span>two</span> 
</div> 

Answer 4

का प्रयोग करें। इन गुणों को उन सभी तत्वों में जोड़ें जिन पर आप पैडिंग जोड़ना चाहते हैं। उदाहरण के लिए:

a:link { 
display: inline-block; 
display: -moz-inline-box; 
-moz-box-orient: vertical; 
vertical-align: top; 
zoom: 1; 
*display: inline; 
}