टैग wbr

टैग wbr उस स्थान को इंगित करता है जहां ब्राउज़र आवश्यकता पड़ने पर लाइन ब्रेक कर सकता है (यदि टेक्स्ट एलिमेंट की चौड़ाई में फिट नहीं होता है)। ऐसे ब्रेक को सॉफ्ट ब्रेक कहा जाता है।

क्लोजिंग टैग की आवश्यकता नहीं होती है।

टैग wbr के माध्यम से शब्द के ब्रेक होने पर हाइफन "-" नहीं जोड़ा जाता है। यदि आपको इसकी आवश्यकता है - तो सॉफ्ट हाइफनेशन सिंबल ­ का उपयोग करें (अंत में सेमीकॉलन अनिवार्य है, यह कोई टाइपो त्रुटि नहीं है)।

सॉफ्ट हाइफनेशन ­ ब्राउज़र को उस स्थान को इंगित करता है जहां वह आवश्यकता पड़ने पर ब्रेक कर सकता है और हाइफन "-" प्रदर्शित कर सकता है।

सॉफ्ट हाइफनेशन ­ काम नहीं करेंगे यदि प्रॉपर्टी hyphens का मान none सेट किया गया है (लेकिन wbr ब्रेक काम करेंगे)।

उदाहरण . बिना हाइफनेशन के टेक्स्ट

आइए एक नमूना टेक्स्ट देखें, जिसमें लंबे शब्द हैं जो ब्लॉक की सीमा से बाहर निकल रहे हैं। ब्लॉक की चौड़ाई इतनी कम रखेंगे कि लंबा शब्द उसमें समा न सके:

html<div id="elem">
  this is supersupersuperlong text
</div>

css#elem {
  width: 200px;
  border: 1px solid black;
}

Результат:

उदाहरण . टैग wbr

और यहां, आइए wbr टैग को उन स्थानों पर जोड़ें जहां हम ब्राउज़र को सलाह देते हैं कि वह आवश्यकता पड़ने पर शब्द को तोड़ सकता है (ध्यान दें कि ब्राउज़र हमारे द्वारा बताए गए हर स्थान पर ब्रेक नहीं करेगा):

html<div id="elem">
  this is super<wbr>super<wbr>super<wbr>long text
</div>

css#elem {
  width: 200px;
  border: 1px solid black;
}

Результат:

उदाहरण . सिंबल ­

आइए wbr टैग के बजाय ­ सिंबल का उपयोग करके देखें। ब्रेक वाले स्थानों पर हाइफन दिखाई देंगे:

html<div id="elem">
  this is super­super­super­long text
</div>

css#elem {
  width: 200px;
  border: 1px solid black;
}

Результат:

यह भी देखें