कहो मेरे पास निम्न स्ट्रिंग है:

"This line should always break on newline \n, spaces if it is about to overflow and veryLongLinksThatDoNotFitInsideTheDiv"

मैं चाहता हूं कि यह टूट जाए:

टेक्स्ट फ़्लोइंग आउट ऑफ़ डिव के आधार पर, मैंने कोशिश की:

    <div id="log" style="word-break: break-all"></div>
    <!-- <div id="log" style="word-wrap: break-word"></div> -->
    <!-- <div id="log" style="white-space: pre-line"></div> -->
    <!-- <div id="log" style="white-space: pre; word-break: break-all"></div> -->

लेकिन मैं सभी 3 (न ही 4) मानदंड पूरे नहीं कर सकता।

पहेली: https://jsfiddle.net/6kq14cfc/

0
Thomas Hubregtsen 31 अगस्त 2017, 13:02

2 जवाब

सबसे बढ़िया उत्तर

आप उपयोग कर सकते हैं

<div id="log" style="overflow-wrap: break-word;white-space: pre-wrap;"></div>

या

<div id="log" style="word-wrap: break-word;word-break: normal;white-space: pre-wrap;"></div>
1
Amit Kumar Singh 31 अगस्त 2017, 14:08

मुझे लगता है कि आपका जवाब "\n" को "
" से बदलने में है। HTML नए लाइन वर्णों को नहीं पहचानता - इसके बजाय इसे
टैग की आवश्यकता होती है।

0
Rama Schneider 31 अगस्त 2017, 14:20