2010-08-09 14 views
17

का उपयोग करके स्पैन के बीच दूरी सेट करें वेब पेज पर दो स्पान (वास्तविक जीवन में बहुत सारे स्पैन) हैं। मैं दूरी को निर्धारित करना चाहता हूं। मैं इसके लिए मार्जिन-नीचे विशेषता का उपयोग करना चाहता हूं, लेकिन मुझे इसका उपयोग करने का कोई प्रभाव नहीं दिख रहा है। स्पैन अभी भी पिछली स्थिति पर हैं। यह गलत है।मार्जिन

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
    <title></title> 
    <style type="text/css"> 
     .position, .name{ 
      overflow: hidden; 
     } 

     .position{ 
      margin-bottom: 40px; 
     } 
    </style> 
</head> 
<body> 
    <span class="position">Designer</span><br/> 
    <span class="name">John Smith</span> 
</body> 
</html> 

उत्तर

43

span एक इनलाइन तत्व है, एक ब्लॉक तत्व है, और वे सम्मान नहीं करते (ऊर्ध्वाधर) margin: यहाँ मेरी कोड है। आप पैडिंग का उपयोग कर सकते हैं या स्पैन display:inline-block; बना सकते हैं और फिर मार्जिन का उपयोग कर सकते हैं। उत्तरार्द्ध अब कुछ हद तक नए ब्राउज़र में समर्थित है।

+1

जब आप कहते हैं कि अवधि मार्जिन का सम्मान नहीं करती है तो मैं केवल आपके साथ आंशिक रूप से सहमत हूं। यह सम्मान मार्जिन करता है, लेकिन केवल बाएं और दाएं। ऊपर और नीचे नहीं। – Devner

+1

हां, यह सही है, सीएसएस 2.1 [क्षैतिज मार्जिन का सम्मान करने के लिए इनलाइन तत्व निर्दिष्ट करता है] (http://www.w3.org/TR/CSS21/visuren.html#inline-formatting)। यहां समस्या लंबवत संरेखण के साथ थी, इसलिए मार्जिन काम नहीं करेगा। – Pascal

+0

मैं अभी भीड़ में हूं लेकिन अवधि पर पैडिंग-टॉप मेरे लिए काम नहीं करता है। मैं एक div का उपयोग कर समाप्त हो गया। ओ अच्छा। –

0

मैं कहूंगा कि लाइन-ऊंचाई वह है जिसे आप ढूंढ रहे हैं।

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