CSS3 में text-overflow प्रॉपर्टी का उपयोग यह निर्धारित करने के लिए किया जाता है कि डिस्प्ले न होने वाला ओवरफ्लो कंटेंट उपयोगकर्ताओं को कैसे संकेत दिया जाता है।
CSS3 में टेक्स्ट ओवरफ्लो हैंडल करने का कोड निम्न है -
उदाहरण
<!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div { white-space: nowrap; width: 100px; overflow: hidden; border: 1px solid #3008c0; margin: 10px; padding: 10px; } .clip { text-overflow: clip; } .ellipsis { text-overflow: ellipsis; } </style> </head> <body> <h1>Handling text overflow example</h1> CLIP: <div class="clip"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum, beatae. </div> ELLIPSES: <div class="ellipsis"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum, beatae. </div> </body> </html>आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
