जावास्क्रिप्ट के साथ टेक्स्ट कंटेनिंग एलिमेंट से ओवरफ्लो होने पर क्या करें?

टेक्स्ट ओवरफ्लो समस्या से निपटने के लिए textOverflow प्रॉपर्टी का उपयोग करें। यदि टेक्स्ट कंटेनिंग एलिमेंट से ओवरफ्लो होता है तो एलिप्सिस जोड़ें।

उदाहरण

जावास्क्रिप्ट के साथ टेक्स्ट कंटेनिंग एलिमेंट से ओवरफ्लो होने पर क्या करना है, यह सीखने के लिए निम्न कोड चलाकर देखें:

<!DOCTYPE html> <html>    <head>       <style>          #myID {             border: 2px solid blue;             background-color: gray;             overflow: hidden;             text-overflow: visible;             width: 200px;             white-space: nowrap;          }       </style>    </head>    <body>       <button onclick = "display()"> क्लिक करें </button>       <div id = "myID">          यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है!<br>          यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है!<br>          यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है!<br>          यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है! यह डेमो टेक्स्ट है!<br>       </div>       <script>          function display() {             document.getElementById("myID").style.textOverflow = "ellipsis";          }       </script>    </body> </html>