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()"> Click </button>
<div id = "myID">
This is Demo Text! This is Demo Text! This is Demo Text!<br>
This is Demo Text! This is Demo Text! This is Demo Text!<br>
This is Demo Text! This is Demo Text! This is Demo Text!<br>
This is Demo Text! This is Demo Text! This is Demo Text!<br>
</div>
<script>
function display() {
document.getElementById("myID").style.textOverflow = "ellipsis";
}
</script>
</body>
</html>