दिलचस्प पोस्ट
ओरेकल REGEXP_LIKE और शब्द सीमाएं विंडोज: एक विस्तार से जुड़े सूची और लॉन्च अनुप्रयोग न्यूनतम एपीआई स्तर 14 के साथ ऐप में रोबो फ़ॉन्ट का उपयोग करें EntityType 'IdentityUserLogin' की कोई कुंजी परिभाषित नहीं है इस EntityType के लिए कुंजी को परिभाषित करें क्लाइंट आईपी पते के लिए अधिकतम लंबाई प्रारंभिक सूची दृश्य स्टूडियो 2012 में वेक्टर के साथ काम नहीं कर रही है? आप एक एनएएम को धाराप्रवाह NHibernate के साथ एक इंट मान के रूप में कैसे मैप करते हैं? मैं एचटीएमएल और पीएचपी के साथ कई फाइलों का चयन कैसे कर सकता हूं और अपलोड कर सकता हूं, जो कि एचटीटीपी पोस्ट का उपयोग कर रहा है विंडोज 8 की स्वचालित रंग थीम का सक्रिय रंग प्राप्त करें JSONArray से JSONObject प्राप्त करना XCode 6 में मौजूद यूआई एलीमेंट्स शून्य मुख्य () {if (sizeof (int)> -1) printf ("true"); दूसरा प्रिंटफ़ ("गलत"); ; बाल तत्व की अस्पष्टता को रीसेट करना – मेपल ब्राउज़र (सैमसंग टीवी ऐप) regex: कैसे बैकस्लैश और विशेष वर्ण से बचने के लिए? मैं एएसपी.नेट एमवीसी के लिए '404 पृष्ठ नहीं मिला' प्रश्नों को कैसे संभाल सकता हूं?

हाइफ़न के बाद लाइन-ब्रेक नहीं

मैं हाइफ़न के बाद एक लाइन ब्रेक को रोकने के लिए देख रहा हूं - एक केस-बाय-केस आधार पर जो सभी ब्राउज़र के साथ संगत है

उदाहरण:

मेरे पास यह पाठ है: 3-3/8" जो कि HTML में है: 3-3/8”

समस्या यह है कि एक पंक्ति के अंत के निकट, हाइफ़न के कारण, यह एक पूर्ण शब्द की तरह इसे इलाज के बजाय अगले लाइन पर टूटता है और लपेटता है …

 3- 3/8" 

मैंने "शून्य चौड़ाई कोई ब्रेक वर्ण" डालने की कोशिश की है,  कोई भाग्य के साथ …

 3-3/8” 

मैं इसे सफारी में देख रहा हूं और सोच रहा हूं कि यह सभी ब्राउज़रों में समान होगा।

निम्नलिखित मेरा doctype और चरित्र एन्कोडिंग है …

 <!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"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 

क्या किसी भी तरह से मैं इन्हें हाइफ़न के बाद लाइन-ब्रेकिंग से रोक सकता हूं? मुझे पूरे पृष्ठ पर लागू होने वाले किसी भी समाधान की ज़रूरत नहीं है … बस कुछ चीजें जो मैं चाहता हूं, "शून्य चौड़ाई वाला कोई ब्रेक वर्ण" की तरह, जो कि काम करता है, को छोड़कर।

यहां एक डेमो है हायफ़न पर रेखा टूटने तक बस फ्रेम संकुचित करें

http://jsfiddle.net/RagKH/

Solutions Collecting From Web of "हाइफ़न के बाद लाइन-ब्रेक नहीं"

गैर-ब्रेकिंग हाइफ़न &#8209; । मैंने अपने चरित्र में उस चरित्र के साथ डैश को बदल दिया है, फ्रेम को नीचे जितना छोटा किया जा सकता है, उतना छोटा हो गया है, और रेखा से कोई और नहीं विभाजित होता है

आप इसके साथ प्रासंगिक पाठ भी लपेट सकते हैं

 <span style="white-space: nowrap;"></span> 

IE8 / 9 को गैर-ब्रेकिंग हाइफ़ेन, जो कंस स्काईस के उत्तर में विशिष्ट हाइफ़ोन से अधिक लंबा है, का उल्लेख करता है। यह एक विशिष्ट हाइफ़ोन के बजाय एन-डैश की लंबाई है यह प्रदर्शन अंतर मेरे लिए एक सौदा ब्रेकर था

चूंकि मैं Deb द्वारा निर्दिष्ट सीएसएस उत्तर का उपयोग नहीं कर सकता, इसके बजाय मैं कोई ब्रेक टैग का उपयोग करने का विकल्प नहीं चुना।

 <nobr>e-mail</nobr> 

इसके अलावा मुझे एक विशिष्ट परिदृश्य मिला जो हाइफ़न पर तोड़ने के लिए IE8 / 9 का कारण बना था

  • एक स्ट्रिंग में गैर-ब्रेकिंग रिक्त स्थान के द्वारा अलग शब्द होते हैं – &nbsp;
  • चौड़ाई सीमित है
  • इसमें डैश शामिल है

IE इसे इस तरह से renders

IE8 / 9 में हाइफ़न ब्रेकिंग का उदाहरण

निम्नलिखित कोड समस्या को ऊपर चित्रित करता है। आईई 9 के लिए प्रतिपादन को मजबूर करने के लिए मुझे मेटा टैग का इस्तेमाल करना था क्योंकि आईई 10 ने इस मुद्दे को तय कर लिया है कोई बेला नहीं क्योंकि यह मेटा टैग का समर्थन नहीं करता है

 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=9" /> <meta charset="utf-8"/> <style> body { padding: 20px; } div { width: 300px; border: 1px solid gray; } </style> </head> <body> <div> <p>If&nbsp;there&nbsp;is&nbsp;a&nbsp;-&nbsp;and&nbsp;words&nbsp;are&nbsp;separated&nbsp;by&nbsp;the&nbsp;whitespace&nbsp;code&nbsp;&amp;nbsp;&nbsp;then&nbsp;IE&nbsp;will&nbsp;wrap&nbsp;on&nbsp;the&nbsp;dash.</p> </div> </body> </html> 

आप " U+2060 वर्ड योजियर " डालने के द्वारा "योजक मार्ग" भी कर सकते हैं।

अगर Accept-Charset परमिट, तो यूनिकोड वर्ण को सीधे HTML आउटपुट में डाला जा सकता है।

अन्यथा, यह इकाई एन्कोडिंग का उपयोग करके किया जा सकता है। उदाहरण के लिए red-brown के पाठ में शामिल होने के लिए उपयोग करें:

 red-&#x2060;brown 

या (समतुल्य दशमलव):

 red-&#8288;brown 

। एक और प्रयोग करने योग्य चरित्र " U+FEFF शून्य चौड़ाई ना-ब्रेक स्पेस " है [⁠ और हेयरएप; ⁠1 और हेयरस;] :

 red-&#xfeff;brown 

और (दशमलव समतुल्य):

 red-&#65279;brown 

[1] : ध्यान दें कि जब भी यह विधि क्रोम जैसी प्रमुख ब्राउज़रों में काम करती है, तो इसे यूनिकोड 3.2 से हटा दिया गया है ।


" U+2011 नॉन-ब्रेकिंग हाइफ़न " के साथ "योजक मार्ग" की तुलना:

  • शब्द योजक अन्य सभी वर्णों के लिए इस्तेमाल किया जा सकता है, न सिर्फ हाइफ़न

  • शब्द योजक का उपयोग करते समय, अधिकांश रेंडर पाठ को समान रूप से रेखांकित करेंगे। क्रोम, फ़ायरफ़ॉक्स, आईई, और ओपेरा पर, सामान्य हाइफ़न का प्रतिपादन, जैसे:

    abcdefghijklmnopqrstu-vwxyz

    सामान्य हाइफ़न (यू + 2060 शब्द योजक के साथ) के प्रतिपादन के समान है, जैसे:

    एक-⁠b-⁠c-⁠d-⁠e-⁠f-⁠g-⁠h-⁠i-⁠j-⁠k-⁠l-⁠m-⁠n-⁠o-⁠p-⁠q- ⁠r-⁠s-⁠t-⁠u-⁠v-⁠w-⁠x-⁠y-⁠z

    जबकि उपरोक्त दो रेंडर " गैर-ब्रेकिंग हाइफ़न " के प्रतिपादन से अलग हैं, जैसे:

    एक-बी-सी-डी-ए-च-ग-ज-ए-जे-के-एल-एम-एन-ओ-पी-q-आर एस टी यू-वी-डब्ल्यू-एक्स-y- z

    । (अंतर का ह्रास ब्राउज़र-आधारित और फ़ॉन्ट-आश्रित है। उदाहरण के लिए, " arial ", फ़ायरफ़ॉक्स और IE11 की फ़ॉन्ट घोषणा का उपयोग करते हुए अपेक्षाकृत बड़ी विविधताएं दिखाती हैं, जबकि क्रोम और ओपेरा छोटे बदलाव दिखाते हैं।)

<span class=c1></span> .c1 {white-space:nowrap;} <span class=c1></span> (CSS .c1 {white-space:nowrap;} <nobr></nobr> .c1 {white-space:nowrap;} ) और <nobr></nobr> साथ "योजक मार्ग" की तुलना करें:

  • शब्द योजक का प्रयोग उन परिस्थितियों के लिए किया जा सकता है जहां एचटीएमएल टैग्स का उपयोग प्रतिबंधित है, जैसे वेबसाइटों और मंचों के रूप

  • प्रस्तुति और सामग्री के स्पेक्ट्रम पर, टैग के मुकाबले बहुमत बहुभाषी शब्दों पर विचार करेंगे, सामग्री के करीब होना चाहिए।


• विंडोज 8.1 कोर 64-बिट का उपयोग करते हुए परीक्षण के रूप में:
• IE 11.0.9600.18205
• फ़ायरफ़ॉक्स 43.0.4
• क्रोम 48.0.2564.109 (आधिकारिक बिल्ड) मी (32-बिट)
• ओपेरा 35.0.2066.92