2011-08-12 9 views
8

मुझे पता है कि बीआर लाइन-ब्रेक बनाने के लिए प्रयोग किया जाता है। मैं बस सोच रहा हूं कि क्या यह लाइनों के बीच जगह बनाता है? कृपया इन उदाहरण पर विचार करें:क्या बीआर टैग की ऊंचाई है?

<p> 
Hello <br/> Stackoverflow <br/><br/><br/> ! 
</p> 

उत्पादन की तरह दिखता है:

Hello 
Stackoverflow 


! 

अधिक से अधिक बी आर डाल करके के बीच लाइनों में वृद्धि मैं दूरी पाया। क्या यह <br> की वजह से है? लेकिन जब मैं सीएसएस में <br> ऊंचाई को नियंत्रित करने का प्रयास करता हूं, तो इसका पालन नहीं होता है, ऐसा लगता है कि इसकी कोई ऊंचाई नहीं है, बस एक लाइन ब्रेक है। यदि <br> लाइन के बीच की जगह का कारण नहीं है, तो सीएसएस में कौन सा और इसे नियंत्रित करना है? साथ ही, मैं आम तौर पर <br> का उपयोग लाइनों के बीच बड़ी दूरी बनाने के लिए करता हूं, मैं \n\r को प्रतिस्थापित करने के लिए करता हूं या जब डेटा डेटाबेस से होता है, तो क्या यह ठीक है?

+0

एक समाधान यहाँ ''
ऊंचाई- http://stackoverflow.com/a/20488415/2165415 == –

उत्तर

2

मुझे पता चला है कि अंतरिक्ष कि हम देखते हैं जब हम कई बीआर डाल वास्तव में बीआर लेकिन पी तत्व की लाइन ऊंचाई के कारण नहीं है।

<p> 
Hello <br/> Stackoverflow <br/><br/><br/> ! 
</p> 

आउटपुट

1. Hello 
2. Stackoverflow 
3. 
4.  
5. ! 

लाइन 3 और 4 यहाँ सिर्फ खाली लाइनें हैं:

निम्न मार्कअप पर विचार करें। खाली होने के बावजूद, वे अभी भी लाइन ऊंचाई है।

2

बीआर तत्व जबरन टूट जाता है (समाप्त होता है) पाठ की वर्तमान पंक्ति ...

अधिक जानकारी here। और हां, और जोड़ना दूरी बढ़ाएगा लेकिन मुझे विश्वास नहीं है कि आप clear को लागू करने के अलावा इसे स्टाइल करने के लिए बहुत कुछ कर सकते हैं।

2

< br/> की संख्या केवल लाइन ब्रेक बनाती है। यदि आप पृष्ठ पर विशिष्ट अनुभागों के बीच बड़ी जगह बनाने की इच्छा रखते हैं तो मैं सीएसएस मार्जिन विशेषता का उपयोग अगले से एक शीर्ष अनुभाग को दूरी पर करने के लिए करूंगा। उदाहरण के लिए:

<div id="topSection" class="margin-bottom: 100px;">Hello Stackflow</div> 
<div id="bottomSection">Content lower on the screen without unnecessary breaks.</div> 
6

<br /> टैग लाइन ब्रेक के लिए है। यदि आप इसे इस तरह देखना चाहते हैं, तो आप लाइनों के बीच दूरी को नियंत्रित करने के लिए सीएसएस लाइन-ऊंचाई संपत्ति का उपयोग कर सकते हैं।

1

हां, BR टैग डालकर नई लाइन ब्रेक बनाए जाएंगे। लाइनों के बीच बड़ी दूरी बनाने के लिए BR टैग का उपयोग करना पसंद नहीं है, बल्कि रिक्त स्थान पेश करने के लिए सीएसएस margin और padding का उपयोग करें।

+0

मैं भी मार्जिन और गद्दी का उपयोग कर के बारे में सोच के लिए है।डेटाबेस से नई लाइन के बारे में मेरा संपादन देखें। – dpp

+0

उस स्थिति में, 'पीआर' के साथ 'पीआर' को प्रतिस्थापित करने के लिए नियमित अभिव्यक्ति का उपयोग करें। काम देखें [डेमो यहाँ] (http://jsfiddle.net/f6ju2/2/)। –

1

एक विकल्प के रूप <br /> का उपयोग कर रिक्ति आप लाइनों के बीच में की तरह पाने के लिए करने के लिए, आप, लाइनों के बीच बड़ी दूरी के लिए सीएसएस line-height संपत्ति

+0

तो क्या आपका मतलब है कि वे स्थान 'BR' से नहीं बल्कि डिफ़ॉल्ट 'लाइन-ऊंचाई' से हैं? – dpp

+0

'स्टैकओवरफ्लो' और'! 'के बीच की जगहें आपके द्वारा जोड़े गए'
'टैग के कारण हैं। 'लाइन-ऊंचाई' सीएसएस प्रॉपर्टी का उपयोग करते समय, आप लाइनों के बीच अंतर को बदल सकते हैं (चाहे वे जबरन टूटे हों या नहीं) – kaveman

5

उपयोग कर सकते हैं हर पंक्ति के लिए <p> टैग का उपयोग करने के लिए बेहतर है, जिसमें आप ऊंचाई को नियंत्रित कर सकते हैं।

http://jsfiddle.net/efortis/f6ju2/

+0

'p' एक अच्छा विकल्प है, कृपया न्यूलाइन के बारे में मेरा संपादन देखें। जब टेक्स्ट डेटाबेस से होता है तो मैं 'p' का उपयोग कैसे करूं? – dpp

+0

हाँ आप अपने डेटा को पूर्ववत कर सकते हैं –

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