263

मेरे पास पाठ का एक बड़ा अनुच्छेद है जो उप-अनुच्छेदों में विभाजित है  :

<p>
  Blah blah blah.
  <br/>
  Blah blah blah. Blah blah blah. Blah blah blah.
  <br/>
  Blah blah blah.
</p>

मैं इन उप-अनुच्छेदों के बीच की खाई को चौड़ा करना चाहता हूं, जैसे कि दो  या कुछ ऐसा है। मुझे पता है कि ऐसा करने का सही तरीका उपयोग करना है , लेकिन अभी मैं इस लेआउट को नहीं बदल सकता हूं, इसलिए मैं CSS-only समाधान की तलाश कर रहा हूं।

मैं सेटिंग की कोशिश की है  की line-heightऔर heightसाथ display: block, मैं भी Google पर और स्टैक ओवरफ़्लो एड संक्षेप में, लेकिन किसी भी समाधान नहीं मिला। क्या लेआउट को बदले बिना यह संभव है?

html css

— n1313
स्रोत

आपकी फॉर्मेटिंग भ्रम को जोड़ने के लिए सोच सकती है कि br टैग्स की ऊंचाई मान थी। जैसा कि नीचे बताया गया है, वे बस लाइन ब्रेक हैं। क्या आपने अपने वर्ड प्रोसेसर में ऐसा ही कुछ करने की कोशिश की है?

— जॉर्ग

की ऊंचाई बदलना शब्दार्थ रूप से गलत है। का मतलब है कि आपने अपने पाठ में एक और लाइन लगाई है और एकल पैराग्राफ में निश्चित लाइन की ऊंचाई होनी चाहिए। यदि कुछ पाठ अलग किया जाता है, तो यह एक अलग अनुच्छेद होना चाहिए।

— रोबो रोबोक

मैंने यहां इसी तरह के सवाल का पूरी तरह से जवाब लिखा है।

— डेविडकॉन्ड

1

@JohnHenckel एक भ्रामक थोड़ा के बाद से टैग नहीं हो सकते <div>टैग इस पोस्ट को देख

— deseosuho

1

कभी-कभी हमें जिस कोड को प्रारूपित किया जाता है, वह ऐसा कुछ नहीं है जिस पर हमारा नियंत्रण है। यह इन समयों में है कि आप अपने आप से कहने लगते हैं "मैं टैग नहीं जोड़ सकता ... शायद अगर मैं सिर्फ की ऊंचाई को बदल दूं जो कि बजाय spacers के रूप में उपयोग किया जा रहा है।

— ब्रायन

275

सीएसएस:

br {
   display: block;
   margin: 10px 0;
}

समाधान शायद क्रॉस-ब्राउज़र संगत नहीं है, लेकिन यह कम से कम कुछ है। सेटिंग पर भी विचार करें line-height:

line-height:22px;

Google Chrome के लिए, सेटिंग पर विचार करेंcontent :

content: " ";

इसके अलावा, मुझे लगता है कि आप एक जावास्क्रिप्ट समाधान के साथ फंस गए हैं।

— Duroth
स्रोत

31

यह काम नहीं करता है: IE7, ओपेरा 10, क्रोम 2। फ़ायरफ़ॉक्स में, यह मार्जिन डबल-आकार बनाता है। आपको निर्दिष्ट करना होगाmargin-top: 10px;

— खौफ

8

content:" "उस शैली में एक विशेषता जोड़ें और यह क्रोम में ठीक काम करता है

— aushr

8

यह समाधान फ़ायरफ़ॉक्स में काम करता है। वेबकिट-आधारित ब्राउज़र के लिए आप जोड़ सकते हैं line-height। अंत में यह कुछ इस तरह है br { display:block; margin-top:10px; line-height:22px; }।

— Cthulhu

2

@awe: एक बेहतर समाधान margin:10px 0 0उन लोगों के लिए होगा जो इसे डबल-आकार नहीं चाहते हैं।

— कायला

1

मेरे लिए काम नहीं करता है ... मैंने @ awe का कोड भी आज़माया margin-top: 10px;, फिर भी काम नहीं किया ....

— कार्डिनल - पुनः प्राप्त करें मोनिका

67

यहाँ सही समाधान है जो वास्तव में क्रॉस-ब्राउज़र समर्थन है:

  br {
        line-height: 150%;
     }

— htmldrum
स्रोत

1

IE7 नहीं जहाँ तक मैं बता सकता हूँ।

— सेरहि

30

यह एक लाइन ब्रेक की ऊंचाई बढ़ाने के लिए काम करता है, लेकिन इसे कम नहीं करता है।

— प्लूटो

2

@htmldrum जब आपके पास HTML बदलने का कोई मौका नहीं है, लेकिन केवल CSS है, तो यह बहुत अच्छा काम करता है। धन्यवाद! इसे अपवोट किया जाना चाहिए और इसे सही उत्तर माना जाना चाहिए। मुझे लगता है।

— flaschbier

@ प्लूटो: निगेल का जवाब मेरे लिए ऊंचाई कम करने के लिए काम करता है!

— अनुपम

2

दुर्भाग्य से, अब क्रोम v.76 में काम नहीं कर रहा है। एज और IE के लिए आपको वर्टिकल-एलाइन: टॉप भी जोड़ना होगा। मैंने यहां एक समाधान पोस्ट किया: stackoverflow.com/a/29674365/562862

— डेव बर्टन

48

तो, ऊपर की झाँकियों को मूल रूप से एक समान उत्तर मिला है, लेकिन यहाँ यह बहुत ही संक्षेप में है। ओपेरा, क्रोम, सफारी और फ़ायरफ़ॉक्स में काम करता है, सबसे अधिक संभावना IE भी?

br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 0; /* change this to whatever height you want it */
}

— इसहाक मिनोग
स्रोत

3

यह। यह सही है, जैसा कि कहा गया है सवाल के सापेक्ष। और यह पेज पर एकमात्र जवाब भी है जो वास्तव में मुझे वही करने की जरूरत थी जो मुझे करना था।

— Xodarap777

जब तक मैंने सामग्री को संशोधित नहीं किया, तब तक किसी भी अन्य उत्तर ने मेरे लिए काम नहीं किया। यह सही उत्तर है, IMO।

— Xandor

39

दूसरा तरीका एचआर का उपयोग करना है । लेकिन, और यहां का चालाक हिस्सा, इसे अदृश्य बना देता है।

इस प्रकार:

<hr style="height:30pt; visibility:hidden;" />

एचआर का उपयोग करके एक क्लीनर बीआर ब्रेक सिम्युलेटेड बनाने के लिए: सभी ब्राउज़र में Btw काम करता है !!

{ height:2px; visibility:hidden; margin-bottom:-1px; }

— साइमन स्मिथ
स्रोत

1

मुझे मार्जिन जोड़ना था: IE8 के लिए 0px

— IvanH

34

यह HTML टैग्स का भयावह दुरुपयोग है, हाशिये के साथ उपयोग करने के लिए बेहतर है<hr />

— सर्ज सगुन

यह चाल अच्छी है, लेकिन परिणाम को और अधिक सटीक बनाने के लिए, आपको मार्जिन का उपयोग करना होगा: 0 और सीमा: 0.

— MAChitgarha

25

जहां तक मुझे पता  है कि ऊंचाई नहीं है , यह केवल एक लाइन ब्रेक को मजबूर करता है। आपके पास जो पाठ है, वह ऑटो-रैप वाले के अलावा कुछ लाइन ब्रेक के साथ है, न कि उप - अनुच्छेद। आप लाइन स्पेसिंग को बदल सकते हैं, लेकिन यह सभी लाइनों को प्रभावित करेगा।

— माइकल बोर्गवर्ड
स्रोत

1

ऐसा लगता है कि वास्तव में कोई रास्ता नहीं है। मैं भी के साथ खेलने की कोशिश की है: पहले और: गुणों के बाद, लेकिन ...:

— n1313

1

मुझे पता है कि यह सुपर पुराना है, लेकिन @ इस्क मिनॉग के पास ऐसा करने का एक वैध तरीका है। contentसंपत्ति को संशोधित करना चाल है।

— Xandor

22

मुझे बस यह समस्या थी, और मैंने इसका उपयोग करके इसे प्राप्त किया

<div style="line-height:150%;">
    <br>
</div>

— निगेल
स्रोत

यह बढ़िया काम करता है और @ htmldrum के उत्तर की सीमा के आसपास भी मिलता है

— अनुपम

11

आप उस तत्व पर लाइन-ऊँचाई लागू कर सकते हैं , इसलिए लाइनें बड़ी हो जाती हैं।

— योदा
स्रोत

4

हाँ, यकीन है, लेकिन वह नहीं है जो मैं चाहता हूँ।

— n1313

1

किस तरह से जो आप चाहते हैं उससे अलग होगा? यह लाइनों के बीच की जगह बढ़ाएगा।

— जॉर्ग

मैं अपने पाठ में नौ ब्ला से थोड़ा अधिक है। तीन किलो के साथ तीन खंडों में विभाजित पाठ के कई किलोबाइट की कल्पना करें।

— n1313

यदि आप  टैग के लिए लाइन-ऊँचाई लागू करते हैं , तो मजबूर लाइन ब्रेक लिपटे लाइन के ब्रेक से बड़ी होगी ...

— peirix

1

ऐसा अधिक लगता है जैसे आप का उपयोग करने के बजाय तीन पैराग्राफ चाहते हैं

— क्रिस चिलीवर्स

7

मैंने पहले :before/ :afterCSS2 के छद्म तत्व की कोशिश नहीं की है , मुख्यतः क्योंकि यह केवल IE8 में समर्थित है (यह IE ब्राउज़रों से संबंधित है) । यह केवल संभव सीएसएस समाधान हो सकता है:

br:before {
    display: block;
    margin-top: 10px;
    content: "";
}

यहाँ QuirksMode पर एक उदाहरण दिया गया है ।

— फ़िलिप डूपानोविक
स्रोत

हाँ, मुझे इसके लिए उच्च उम्मीद थी: {सामग्री} से पहले; भी, लेकिन यह मुझे असफल रहा।

— n1313

इसे कहीं इंजेक्ट करें, यह काम करना चाहिए। काश, यह IE6 / 7 में काम नहीं करता।

— फिलिप डुपनोविक

5

मैंने सोचा था कि आप उपयोग करने में सक्षम हो सकते हैं:

br:after {
    content: ".";
    visibility: hidden;
    display: block;
}

लेकिन यह क्रोम या फ़ायरफ़ॉक्स पर काम नहीं किया।

मैंने सोचा था कि मैं इसका उल्लेख करूंगा कि यह किसी और के साथ हुआ और मैं उन्हें परेशानी से बचाऊंगा।

— सैम लोव्री
स्रोत

5

br {   
    content: "";
    margin: 2em;
    display: block;
    margin-bottom: -20px; 
 }

फ़ायरफ़ॉक्स, क्रोम और सफारी में काम करता है। एक्सप्लोरर में परीक्षण नहीं किया गया। (विंडोज़-टैबलेट सत्ता से बाहर है।)

फ़ायरफ़ॉक्स और सफारी में लाइन-ब्रेक, फ़ॉन्ट-आकार अलग तरह से काम करता है।

— DeFliGra
स्रोत

क्या आप इस बारे में अधिक विशिष्ट हो सकते हैं कि आपके सीएसएस के किस भाग ने समस्या को हल किया है? इससे दूसरों को जवाब समझने में मदद मिलेगी।

— फ्रैंक ब्रायस

मेरे लिए बहुत अच्छा काम करते हैं, धन्यवाद! लेकिन किसी तरह की जानकारी का अभाव है।

— विनियस मोरास

4

दिलचस्प है, अगर ब्रेक टैग पूर्ण रूप में निम्नानुसार लिखा गया है:

<br></br>

फिर सीएसएस लाइन-ऊंचाई: 145% काम करता है। यदि ब्रेक टैग के रूप में लिखा गया है:

<br> or 
<br/>

तब यह कम से कम क्रोम, IE और फ़ायरफ़ॉक्स में काम नहीं करता है। अजीब!

— keithphw
स्रोत

4

मेरे लिए जो काम करता है वह पैराग्राफ टैग के बीच इस इनलाइन को जोड़ रहा है ... हालांकि सबसे अच्छा समाधान नहीं है।

<br style="line-height:32px">

-------- संपादित करें ---------

मैं इस के साथ पीसी / मैक के साथ मुद्दों में भाग गया ... यह पाठ को नई लाइन-ऊंचाई देता है लेकिन लाइन-ब्रेक नहीं करता है ... आप स्वयं कुछ परीक्षण करना चाह सकते हैं। माफ़ करना!

— robinwkurtz
स्रोत

मेरे लिए आईओएस पर UIWebView के अंदर पिक्सेल स्तर पर ऊर्ध्वाधर आकार का प्रबंधन करने के लिए काम किया।

— दिवान

मैं इस के साथ पीसी / मैक के साथ मुद्दों में भाग गया ... यह पाठ को नई लाइन-ऊंचाई देता है लेकिन लाइन-ब्रेक नहीं करता है ... आप स्वयं कुछ परीक्षण करना चाह सकते हैं। माफ़ करना!

— रोबिनवकुर्तज़

4

और याद रखें कि (गलत) <hr>टैग का उपयोग करके जैसा कि कहीं सुझाव दिया गया है, टैग को समाप्त कर देगा , इसलिए उस समाधान के बारे में भूल जाएं।
अगर एफ.एक्स। आसपास पर कुछ स्टाइल किया गया है , यह शैली <hr>डालने के बाद बाकी सामग्री के लिए चला गया है।

— नील्स
स्रोत

यह प्रश्न का उत्तर प्रदान नहीं करता है। किसी लेखक से स्पष्टीकरण मांगने या उसका अनुरोध करने के लिए, उनकी पोस्ट के नीचे एक टिप्पणी छोड़ दें - आप हमेशा अपने स्वयं के पोस्ट पर टिप्पणी कर सकते हैं, और एक बार आपके पास पर्याप्त प्रतिष्ठा होने पर आप किसी भी पोस्ट पर टिप्पणी कर पाएंगे ।

— ग्लिच डिज़ायर

आलोचना नहीं और अनुरोध नहीं। केवल यह कहने की कोशिश कर रहा हूं कि यदि आप एपी टैग के अंदर एक घंटा टैग लगाते हैं तो क्या होगा। और एक नवागंतुक के रूप में मुझे प्रासंगिक पद पर टिप्पणी करने के लिए पर्याप्त प्रतिष्ठा नहीं मिली है। तो कृपया सलाह दें कि मुझे इस तरह की टिप्पणी कैसे करनी चाहिए (जो कि सवाल के संबंध में IMHO अत्यधिक प्रासंगिक है)।

— नील्स

4

यहाँ एक समाधान है जो IE, फ़ायरफ़ॉक्स और क्रोम में काम करता है। विचार यह है कि br तत्व के फॉन्ट साइज़ को 14px के बॉडी साइज़ से बढ़ाकर 18px कर दिया जाए, और एलिमेंट को 4px से कम कर दिया जाए, ताकि एक्स्ट्रा साइज़ टेक्स्ट लाइन के नीचे रहे। परिणाम br के नीचे अतिरिक्त व्हाट्सएप का 4px है।

br 
{ 
font-size: 18px; 
vertical-align: -4px; 
}

— डेविड शेक्ड
स्रोत

बस टैग के vertical-alignसाथ चाल का उपयोग कर लगता है br। मैंने IE 11. पर यह परीक्षण किया

3

अद्यतन सितम्बर 13, 2019:

मैं  एक ओवरसाइज़्ड लाइन ब्रेक बनाने के लिए उपयोग करता हूं , जब मुझे एक की आवश्यकता होती है। आज तक, मैंने इसे इस तरह से स्टाइल किया:

br.big {line-height:190%;vertical-align:top}

( vertical-align:topकेवल IE और एज के लिए आवश्यक था।)

क्रोम, फ़ायरफ़ॉक्स, ओपेरा, बहादुर, PaleMoon, एज, और IE11: कि मैंने कोशिश की सभी प्रमुख ब्राउज़रों में काम किया।

हालाँकि, हाल ही में इसने क्रोम-आधारित ब्राउज़रों में काम करना बंद कर दिया : मेरी "बड़ी" लाइन ब्रेक सामान्य-आकार की लाइन ब्रेक में बदल गई।

(मुझे नहीं पता कि उन्होंने इसे कब तोड़ दिया। 12 सितंबर, 2019 तक यह अभी भी मेरी आउट-ऑफ-द-क्रोम क्रोमियम पोर्टेबल 55.0.2883.11 में काम करता है, लेकिन यह ओपेरा 63.0.3368.71 और क्रोम 76.0.3809.32 (दोनों विंडोज में टूट गया है) और Android)

कुछ परीक्षण और त्रुटि के बाद, मैंने निम्नलिखित विकल्प के साथ समाप्त किया, जो उन सभी ब्राउज़रों के वर्तमान संस्करणों में काम करता है:

br.big {display:block; content:""; margin-top:0.5em; line-height:190%; vertical-align:top;}

टिप्पणियाँ:

line-height:190% क्रोम-आधारित ब्राउज़रों के हाल के संस्करणों को छोड़कर सब कुछ में काम करता है।

vertical-align:topआईई और एज (संयोजन के साथ line-height:190%) के लिए आवश्यक है, पूर्ववर्ती रेखा के बाद आने के लिए अतिरिक्त स्थान प्राप्त करने के लिए, जहां यह आंशिक रूप से पहले और आंशिक रूप से बाद में है।

display:block;content:"";margin-top:0.5em Chrome, Opera और Firefox में काम करता है, लेकिन Edge & IE में नहीं।

एक  टैग के बाद एक अतिरिक्त ऊर्ध्वाधर स्थान जोड़ने का एक वैकल्पिक (सरल) तरीका , यदि आपको HTML के संपादन में कोई आपत्ति नहीं है, तो ऐसा कुछ है। यह सभी ब्राउज़रों में ठीक काम करता है:

<span style="vertical-align:-37%"> </span><br>

(आप, निश्चित रूप से, बड़े या छोटे अंतर के लिए "-37%" को आवश्यकतानुसार समायोजित कर सकते हैं।) यहां एक डेमो पृष्ठ है जिसमें थीम पर कुछ अन्य विविधताएं शामिल हैं:

https://burtonsys.com/a_little_extra_vertical_space_for_br_tag.html

28 मई, 2020:

मैंने डेमो पेज अपडेट किया है; अब यह उपरोक्त सभी तकनीकों को प्रदर्शित करता है:

https://burtonsys.com/a_little_extra_vertical_space_for_br_tag.html

— डेव बर्टन
स्रोत

2

माइकल और योदा दोनों सही हैं। आप क्या कर सकते हैं टैग का उपयोग करें , जो कि ब्लॉक टैग होने के नाते, निम्न ब्लॉक को ऑफसेट करने के लिए नीचे-मार्जिन का उपयोग करता है, इसलिए आप बड़े अंतर प्राप्त करने के लिए इसके समान कुछ कर सकते हैं:

<p>
    A block of text.
</p>
<p>
    Another block
</p>

एक अन्य विकल्प ब्लॉक <hr>टैग का उपयोग करना है , जिसके साथ आप स्पष्ट रूप से रिक्ति की ऊंचाई को परिभाषित कर सकते हैं।

— फ़िलिप डूपानोविक
स्रोत

1

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

— n1313

1

 आपके द्वारा पाठ से भरी पंक्ति के रूप में अधिक स्थान लेगा , आप इसे बदल नहीं सकते। यदि आप बड़ा चाहते हैं, तो इसका मतलब है कि आप पैराग्राफ में अलग होना चाहते हैं, इसलिए अन्य जोड़ें । आप कर सकते हैं सबसे अर्थ होने के लिए मत भूलना;)

— क्लेमेंट हेरमैन
स्रोत

1

आप सीएसएस में "ब्लॉक-कोट" संपत्ति का उपयोग भी कर सकते हैं। इसलिए यह आपकी व्यक्तिगत लाइनों को प्रभावित नहीं करता है, लेकिन आपको पैराग्राफ या "ब्लॉक कोट्स" के बीच के ब्रेक के लिए पैरामीटर सेट करने की अनुमति देता है।

अद्यतन:
मैं सही खड़ा हूँ। "blockquote" वास्तव में एक html संपत्ति है। आप इसे अपने काम के आसपास और की तरह उपयोग करते हैं। आप तब css में अपनी ब्लॉक बोली के लिए पैरामीटर सेट कर सकते थे

blockquote { margin-top: 20px }

उम्मीद है की यह मदद करेगा। यह br पर पैरामीटर सेट करने के समान है और क्रॉस ब्राउज़र संगत हो सकता है या नहीं भी हो सकता है।

— Jonn
स्रोत

मैंने पहली बार इस संपत्ति के बारे में सुना है। क्या आप इसे और अधिक विस्तार से बता सकते हैं, कृपया

— n1313

मुझे सही साबित होना है। "blockquote" वास्तव में एक html संपत्ति है। आप इसे अपने काम के आसपास और की तरह उपयोग करते हैं। तब आप अपने ब्लॉक उद्धरण के लिए मापदंडों को css में सेट कर सकते हैं जैसे blockquote {मार्जिन-टॉप: 20 पीएक्स} आदि आदि

— जोन सेप

1

आप बीआर की ऊंचाई को समायोजित करने में सक्षम नहीं लगते हैं, लेकिन आप इसे प्रदर्शन का उपयोग करके मज़बूती से गायब कर सकते हैं: कोई नहीं

निम्नलिखित के समाधान की खोज करते हुए इस पृष्ठ पर आए:

मेरे पास ऐसी स्थिति है जहां 3 पार्टी भुगतान गेटवे (वर्ल्डपे) आपको केवल 10k अधिकतम CSS और HTML (कोई स्क्रिप्ट की अनुमति नहीं) के साथ उनके भुगतान पृष्ठों को अनुकूलित करने देता है जो उनके टेम्पलेट के शरीर में इंजेक्ट हो जाते हैं, और कुछ BR के बाद, FONT टैग आदि। युग्मित उनके DTD के साथ जो IE7 / 8 को Quirks मोड में रखता है, यह क्रॉस-ब्राउज़र अनुकूलन के बारे में जितना मुश्किल हो जाता है!

बीआर को बंद करने से चीजें बहुत अधिक सुसंगत हो जाती हैं ...

— हारून डेविडसन
स्रोत

1

मैं इन विधियों का उपयोग करता हूं, लेकिन मुझे नहीं पता कि क्रॉस-ब्राउज़र

================= विधि 1 ==================

br {
    display:none;
}

या

================= विधि 2 ==================

br {
    display: block;
    margin-bottom: 2px;
    font-size:2px;
    line-height: 2px;
}
br:before {
    display: block;
    margin-top: 2px;
    content: "";
}
br:after {
    content: ".";
    visibility: hidden;
    display: block;
}

या

================= विधि 3 ==================

br:after { content: "" }
br { content: "" }

— T.Todua
स्रोत

प्रदर्शन के लिए upvote: कोई नहीं। कि मैं क्या कर रहा हूँ!

— ब्रायन

1

line-heightअपने pटैग में सीएसएस एट्रीब्यूट का उपयोग करने का प्रयास करें जिसमें brटैग शामिल है । आप कर सकते हैं याद रखें idआपके pटैग अगर आप इसे अलग करने के लिए चाहते हैं, हालांकि यह बेहतर हो सकता है एक का उपयोग कर divअलगाव के लिए, IMO।

— Drizien
स्रोत

1

क्षमा करें, अगर किसी और ने पहले ही यह कहा है, लेकिन सरल उपाय यह है कि आप अपनी "लाइन-ऊंचाई" के साथ आस-पास खिलौना लगाएं। यदि आप एक लाइन ब्रेक का उपयोग करते समय बहुत अधिक स्थान प्राप्त कर रहे हैं, तो यह केवल इसलिए है क्योंकि आपके पास आपकी लाइन की ऊंचाई बहुत अधिक है। आप इसे सीएसएस में सही कर सकते हैं (लेकिन यह जानते हैं कि यह उस संपत्ति का उपयोग करने वाली हर चीज को प्रभावित करेगा) या आप सीएसएस को ओवरराइड करने के लिए इनलाइन शैली कर सकते हैं।

— डैनियल सिडल
स्रोत

यह प्रश्न का उत्तर प्रदान नहीं करता है। किसी लेखक से स्पष्टीकरण मांगने या उसका अनुरोध करने के लिए, उनकी पोस्ट के नीचे एक टिप्पणी छोड़ दें - आप हमेशा अपने स्वयं के पोस्ट पर टिप्पणी कर सकते हैं, और एक बार आपके पास पर्याप्त प्रतिष्ठा होने पर आप किसी भी पोस्ट पर टिप्पणी कर पाएंगे । - समीक्षा से

— JRodDynamite

मैं असहमत हूं। ओपी सवाल था कि लाइन ब्रेक की ऊंचाई को कैसे कम किया जाए। आप नहीं कर सकते हैं, तो आप वांछित प्रभाव को प्राप्त करने के लिए लाइन-ऊंचाई को समायोजित करते हैं।

— डैनियल सिडल

1

मुझे HTML को PDF में बदलने के लिए एक समाधान विकसित करना था, और टेबुल को टेबल्स सेल में खड़ी करना था, लेकिन सादा इनपुट करने के अलावा कुछ भी काम नहीं आया।  

इसलिए, बॉक्स के बाहर सोचकर, मैंने फ़ॉन्ट-आकार (पीटी में) को समायोजित करके ऊर्ध्वाधर आकार को बदल दिया है।

<font style="font-size: 4pt"><br></font>

— दामिर ओलेजर
स्रोत

0

<span style="line-height:40px;"><br></span>

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

— लियाम
स्रोत

1

तो अगर आप उदाहरण देने नहीं जा रहे हैं तो यह पोस्ट क्यों करें? साइट के पूरे विचार है कि आप है कर इस पर चर्चा।

— पॉल

0

मेरे लिए यह चाल तब चली जब मुझे स्पैन टैग से काम करने के लिए शैली रिक्ति नहीं मिल सकी:

        <p style='margin-bottom: 5px' >
            <span>I Agree</span>
        </p>
        <span>I Don't Agree</span>

— जीन बो
स्रोत

0

उपयोग <div>

<div>Content 1</div>Content 2

यह किसी भी ऊर्ध्वाधर स्थान के बिना एक नई लाइन के लिए अनुमति देता है।

यह बन जाता है

<div>Content 1</div>Content 2

स्निपेट का विस्तार करें

— जोश जिन
स्रोत

0

किसी के लिए और भी सामान्य स्तर पर उत्तर देना जो यहाँ उतरा क्योंकि वे  टैग के कारण होने वाली समस्याओं को ठीक कर रहे हैं । मुझे पिक्सेल परफेक्ट के करीब आने के लिए बहुत सारे रिसेट्स करने होंगे।

br {
    content: " ";
    display: block;
}

जिस विशिष्ट मुद्दे पर मैं संबोधित कर रहा था, उसके लिए मुझे लाइनों के बीच एक विशिष्ट स्थान रखना था। मैंने ऊपर और नीचे एक मार्जिन जोड़ा।

br {
    content: " ";
    display: block;
    margin: 0.25em 0;
}

— JGallardo
स्रोत

0

मुझे यह IE7 में समाधान के कॉम्बो का उपयोग करके काम करने के लिए मिला, लेकिन मुख्य रूप से डीआईवी में ब्रिग्स को निगेल और अन्य लोगों द्वारा सुझाए गए के रूप में लपेटकर। ईद जोड़ी और = "सर्वर" पर चलें ताकि मैं चेकबॉक्स की पंक्ति से चेकबॉक्स हटाते समय बीआर को हटा सकूं।

.narrow {
    display: block;
    margin: 0px;
    line-height: 0px;
    content: " "; 
}

<div class="narrow" run at="server"><br></br></div>

— जॉन रीडहोम
स्रोत

0

दो ब्रा टैग का उपयोग करना सबसे सरल उपाय है जो सभी ब्राउज़रों के साथ काम करता है। लेकिन यह दोहराव है।

<p>
content
</p>
<br /><br />
<p>
content
</p>
<br /><br />
<p>
content
</p>

— मिलौद एलमरी
स्रोत

0

कैसे के बारे में सिर्फ एक अनुच्छेद जोड़ने की तरह लाइन ब्रेक की तरह

bla la la bla bla अबला ला ला ब्ला अबला ला ला ब्ला ब्ला ए

फिर आप लाइनशीट या पैडिंग या उस पी के लिए जो कुछ भी निर्दिष्ट कर सकते हैं

— user7212232
स्रोत

हां, मैंने और दोनों के लिए "बड़ा" वर्ग परिभाषित किया। " " लाइनों के बीच स्थान जोड़ता है, और "" एक पैराग्राफ से पहले अंतरिक्ष जोड़ता है: सामग्री:""; मार्जिन टॉप: 0.5em; line-height: 190%; ऊर्ध्वाधर-संरेखित करें: शीर्ष;} इस पृष्ठ का मुख्य भाग {मार्जिन-शीर्ष: 1.5em} जब ईमेल उत्तरों में पैराग्राफ ब्रेक वाले ईमेल टेक्स्ट को "उद्धृत" किया जाता है, तो पैराग्राफ के बीच रिक्ति अक्सर बहुत बदल जाती है। इसलिए मुझे ईमेल में दोहरी लाइन ब्रेक (ctrl-enter in gmail) का उपयोग करने की आदत है।

— डेव बर्टन

<br> की ऊंचाई कैसे बदलें?

================= विधि 1 ==================

================= विधि 2 ==================

================= विधि 3 ==================