सफारी और क्रोम छोड़ने के अंतर में ब्र लाइन-ऊंचाई

Question

मेरे एचटीएमएल में मेरे पास एक div है और div के अंदर मेरे पास पाठ की रेखाओं के बीच अलग लंबवत अंतर है। मैं ब्रेक का उपयोग करके और ऊंचाई को परिभाषित करके प्राप्त करता हूं, यानी <br /><br class="height5" /> या ऊंचाई 2 या ऊंचाई 10 या जो भी हो।

मेरी स्टाइलशीट में मुझे यह पसंद को परिभाषित:

br.height2 {line-height: 2px;} br.height5 {line-height: 5px;}

इस में IE6 + FF2 + काम कर रहा है और ओपेरा लेकिन कुछ कारणों से सफारी और क्रोम में भारी अंतर हैं (जैसे कि दो ब्राउज़र इसे अनदेखा कर रहे हैं और केवल नियमित ब्रेक लगा रहे हैं)। मैंने 20 पीएक्स या 30 पीएक्स और सफारी जैसी बड़ी लाइन-हाइट्स के साथ परीक्षण करने की कोशिश की और क्रोम उनको पहचानता है। वे 5-10 पिक्सल के नीचे कुछ भी अनदेखा कर रहे हैं।

सहायता? धन्यवाद!

Answer 1

वे ब्राउज़र आपकी सफेद जगह (कैरिज रिटर्न इत्यादि) पढ़ रहे हैं और इसे & nbsp; मूल्य के प्रकार के साथ खोलने का प्रस्ताव दे रहे हैं। मैं एकाधिक div टैग का उपयोग करने का सुझाव देता हूं और इच्छित स्थान के मार्जिन-नीचे विशेषताओं वाले divs को शैलीबद्ध करता हूं।

<div style="margin-bottom: 2px">content</div> 
<div style="margin-bottom: 5px">content</div> 
<div>content</div> 

Answer 2

यह क्रोम पर काम किया (content विशेषता चाल किया था):

br { 
    content: " "; 
    display: block; 
    margin: 1em; 
} 

Answer 3

मैं जानता हूँ कि यह पुराना है, लेकिन मेरे इस सवाल का जवाब यहाँ एक ब्लॉक में br मोड़ के बिना पार ब्राउज़र है

/* line height can be set to whatever you want*/ 
br {line-height: 0.1; content: " "} 

Answer 4

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

br { line-height: 1em; } 

या:

br { margin-top: 2em; } 

Answer 5

यह दोनों फ़ायरफ़ॉक्स और क्रोम के लिए मेरे लिए काम किया। @ सैमुएलसी और @unushr से विचार मिला।

br{ 
    display: block; 
    line-height: 0.1; 
    content: " "; 
}