HTML में रैपिंग शब्द को कैसे बंद करें?

Question

मुझे यह पता लगाने में सक्षम नहीं होने के लिए मूर्खतापूर्ण लगता है, लेकिन मैं वर्डप्रैप को कैसे बंद करूं? सीएसएस word-wrapसंपत्ति के साथ मजबूर किया जा सकता है break-word, लेकिन मजबूर नहीं किया जा सकता है (केवल normalमूल्य के साथ अकेला छोड़ा जा सकता है )।

मैं शब्द रैप को कैसे बाध्य करूं ?

Answer 1

आपको सीएसएस white-spaceविशेषता का उपयोग करने की आवश्यकता है ।

विशेष रूप से, white-space: nowrapऔर white-space: preसबसे अधिक उपयोग किए जाने वाले मूल्य हैं। पहले वाले को लगता है कि आप क्या कर रहे हैं।

Answer 2

ऊपर से गुम वेबकिट विशिष्ट मान जोड़े गए

white-space: -moz-pre-wrap; /* Firefox */
white-space: -o-pre-wrap; /* Opera */
white-space: pre-wrap; /* Chrome */
word-wrap: break-word; /* IE */

Answer 3

मुझे आश्चर्य है कि आप "नॉवरैप" या "पूर्व" के साथ "व्हाइट-स्पेस" का समाधान क्यों ढूंढ रहे हैं, यह सही व्यवहार नहीं कर रहा है: आप अपने पाठ को एक पंक्ति में मजबूर करते हैं! पाठ को लाइनें तोड़नी चाहिए, लेकिन शब्दों को डिफ़ॉल्ट के रूप में नहीं तोड़ना चाहिए। यह कुछ सीएसएस विशेषताओं के कारण होता है: वर्ड-रैप, ओवरफ्लो-रैप, वर्ड-ब्रेक और हाइफ़न। तो आप भी कर सकते हैं:

word-break: break-all;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

इसलिए समाधान उन्हें हटा देता है, या "परेशान" या "सामान्य" के साथ उन्हें ओवरराइड करता है:

word-break: unset;
word-wrap: unset;
overflow-wrap: unset;
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;

अद्यतन: मैं JSfiddle के साथ प्रमाण भी प्रदान करता हूं: https://jsfiddle.net/azozp8rr/

Comments

मैं समझता हूं कि आप सामान्य रूप से शब्दों पर क्यों टूटना चाहते हैं। लेकिन यह मानने के लिए कि शब्द लपेटने की कोई वैध वजह नहीं है, इससे मुझे कोई मतलब नहीं है। मैंने जल्दी से आपके "परेशान" समाधान का परीक्षण करने की कोशिश की, और यह अभी भी शब्द लपेट रहा था। अगर आपको लगता है कि इसे काम करना चाहिए, तो कृपया इसे काम करने वाला jsfiddle डेमो प्रदान करें।

— अलेक्जेंडर बर्ड

मुझे नहीं पता कि मेरा जवाब क्यों गायब हो गया। फिर से, आप नॉरूप को मजबूर कर सकते हैं, आमतौर पर लोग इसे बटन के लिए करते हैं। लेकिन मुझे लगता है कि यह उत्तरदायी कारणों के लिए एक बुरा डिज़ाइन है, क्योंकि ग्रंथ कंटेनर के बाहर जा सकते हैं। वैसे भी, सवाल शब्द-लपेट के बारे में पूछ रहा था: ब्रेक-वर्ड, मजबूर किया गया था, और आप पूछ रहे थे कि कैसे मजबूर किया जाए। इसलिए, मैंने इसे करने के लिए कोड प्रदान किया। व्हाट्सएप: नॉरैप एक और चीज है, और यह ब्रेकिंग शब्द नहीं हटा रहा है, यह पूरी लाइनों को हटा रहा है। इसके अलावा, मैं JSfiddle के साथ कोड की तुलना प्रदान करता हूं: https://jsfiddle.net/azozp8rr/

— zod

Answer 4

इसने मुझे क्रोम टेक्सारैस के भीतर होने वाले मूर्खतापूर्ण काम को रोकने के लिए काम किया

word-break: keep-all;