Horizontal (overflowed) text should come on the next line..
Hello,
i have crated a div. In this div i don't want horizontal scroll bar. I want to display horizontal overflow text on the next line ................
If i hidden horizontal scroll then it is not showing me contain which gets overflowed.
I want that contain to be shown on next line ...............
Suppose i have entered "asssssssssssssssssssssssssssssssssssssssssssssdddddddddddddddddddddddddddddddddddddddaaaaaaassssssssssssssssssssssssssss"
(do not use the space ..)
here is the code ......................
please tell me
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> .class-div { overflow-y: auto; overflow-x: hidden; } </style> <script type="text/javascript"> function openDiv() { var newDiv = document.createElement('div'), s = newDiv.style; newDiv.setAttribute('id',"divEntry"); newDiv.className="class-div"; s.border = '1px solid gray'; s.color = '#ccc'; s.width = '200px'; s.height = '200px'; s.backgroundColor = '#488be8'; s.top = '200px'; s.left = '200px'; s.position = 'fixed'; document.body.appendChild(newDiv); }; function entervalue(evt) { var charCode = (evt.which) ? evt.which : window.event.keyCode; if(charCode==13) { document.getElementById("divEntry").innerHTML+=document.getElementById("txtEnter").value+"<br>"; document.getElementById("txtEnter").value=""; } } onload=openDiv; </script> </head> <body> <!--<input type="button" value="click me to create Div in Right frame" onclick="return openDiv(100,100);">--> <input type="text" id="txtEnter" onkeypress="entervalue(event)"> enter a value in this text box and press Enter </body> </html>
CSS Codes
Reply With Quote
Bookmarks