在页面中换行需要使用br标签或通过其他块级元素、css规则等方式实现：
1.br标签
<span>123<br />456<span>2.块级元素（输出的html代码可以是一行，显示出来会出现3行）
<div>第一行</div><div>第二行</div><div>第三行</div>3.pre标签（生成html代码必须包含所有的格式，如换行符\n等，会按照源代码的格式显示）
<pre>第1行
第2行
第3行
</pre>
textarea本身就有这个功能，设其宽度恰能容纳20个字符，然后将其wrod-warp=true属性加上就是自动换行，如果不是这样，才会求JS的帮助的。比如说你的长度是40个字符，而想让其20个一换行的话，也就是说你要留一些空白，（但我想破头也不知道你为什么这样设计，如果是我，要一个DIV上加一个20行的textarea，则剩余的地方可以做任何HTML显示的，然后更改textarea的外观使其与DIV统一就行了）可以使用js实现的。写一个功能函数，放在textarea的onchange事件中，当值一改变就引用，截20个字符，然后查后下面一个字符是不是chr(10)或chr(13),若不是则加加，若是，则将下21一个字符加入，循环到你字符的的有长度就可以了！str.charcode(21)则测试第21个字符的ASCII码，若等于10，则表示是一个回车，若是13则是一个换行，两个都可达到相同的效果。然后测试第42个，然后测试第63个等等。直到结束，但这种情况会打扰原有的回车符，所以还要考虑进去。但我想这样的程序使用的可能性不大，你自己想想写一个吧，如果真不行，可以进度我，我给你写！
<html><head>
</head>
<body>
<script language="JavaScript1.2">
<!-- POPO is drinking half bottle of lemon tea -->
var texts = "第一行 第二行"
var letters = texts.split("")
var textLength = 0
var counter
function typeWriter() {
if(textLength<letters.length) {
document.body.innerHTML+=letters[textLength]
if (letters[textLength] == " ") {
document.body.innerHTML += "<br/>"
}
textLength++
counter = setTimeout("typeWriter()",100)
}
}
window.onload=typeWriter
//-- Lemon tea is bottom up -->
</script>
</body>
</html>
。。。不好意思哈 刚刚没注意
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）