ओवरफ्लो टेक्स्ट को तोड़ने के लिए, वर्ड-रैप प्रॉपर्टी का उपयोग करें और इसे "ब्रेक-वर्ड" मान पर सेट करें। CSS3 का उपयोग करके अतिप्रवाह पाठ को तोड़ने का तरीका प्रदर्शित करने वाला कोड निम्नलिखित है -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
div {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
border: 3px solid #3008c0;
}
div.one {
width: 200px;
word-wrap: normal;
}
div.two {
width: 200px;
word-wrap: break-word;
}
</style>
</head>
<body>
<h1>Div1</h1>
<div class="one">
Lorem ipsum dolor sitametconsecteturadipisicjhbjhgjingelit. Rerum, beatae.
</div>
<h1>Div2</h1>
<div class="two">
Lorem ipsum dolor sitametconsecteturadipisicjhbjhgjingelit. Rerum, beatae.
</div>
</body>
</html> आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
