html - हरण - हिंदी में एचटीएमएल परिभाषा




मैं एक HTML तत्व में एक नई पंक्ति पर बस एक शब्द लटका कैसे कर सकता हूं? (2)

मैं कुछ विपणन सामग्री के साथ एक सरल वेबपेज का निर्माण कर रहा हूँ एक बात जो मुझे पसंद नहीं है वह यह है कि अगर पाठ की एक पंक्ति बहुत लंबी है, तो वह अगली पंक्ति पर लपेट लेगी, जो ठीक है , लेकिन यह अक्सर ऐसे तरीके से लपेटता है कि नई लाइन पर केवल एक ही शब्द है, जो एक डिजाइन दृष्टिकोण से सिर्फ बुरी खबर है

इस तरह के और ऐसा करना मुश्किल नहीं है इस तरह के और इस तरह के उत्पाद को यह बनाता है
आसान

प्रत्येक फांसी लाइन पर गतिशील रूप से कम से कम दो शब्द सुनिश्चित करने के लिए मैं क्या कर सकता हूं?

इस तरह के और ऐसा करना मुश्किल नहीं है ऐसा और ऐसा उत्पाद बनाता है
आसान है


सरल समाधान एक पैराग्राफ के अंत में पिछले दो शब्दों के बीच गैर-ब्रेकिंग स्पेस का उपयोग करना है

 
<p>Such and such doesn't have to be difficult. Such and such product makes it&nbsp;easy</p>

यदि आपके पास बहुत सारी सामग्रियां हैं और खासकर यदि यह व्यवसाय नियंत्रित है तो यह कठिन हो सकता है उस स्थिति में आप किसी पुस्तकालय को ढूंढ सकते हैं या एक समाधान लिख सकते हैं जो अपने आप के लिए प्रत्येक पैराग्राफ के पिछले दो शब्दों के बीच गैर-ब्रेकिंग स्पेस को स्वतः सम्मिलित करता है।

इसे आज़माएं: http://matthewlein.com/widowfix/


संपादित करें: सबसे अच्छा जवाब बहुत क्लीनर है - आपको इसके बजाय इसका उपयोग करना चाहिए मैं अपना जवाब छोड़ रहा हूं क्योंकि यह काम करता है और इसमें अजीब मामलों के लिए कुछ मान है (उदाहरण के लिए यदि आप किसी जगह के बजाय डैश का उपयोग कर रहे हैं, अगर आप &nbsp; का उपयोग नहीं करना चाहते हैं)

यहाँ एक साफ थोड़ा समाधान है इस तरह एक सीएसएस वर्ग बनाएँ:

.nobr { white-space:nowrap; }

कक्षा "नोबरी" के साथ कोई भी तत्व नई लाइनों पर सफेद स्थान (रिक्त स्थान, टैब, आदि) को लपेटने की अनुमति नहीं दी जाएगी। तो अपने पाठ के आखिरी दो शब्दों को एक span.nobr साथ span.nobr

<p>Such and such doesn't have to be difficult. Such and such product makes <span class="nobr">it easy</span></p>




formatting