<!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "
<html xmlns="
<head>
<meta httpequiv="ContentType" content="text/html;charset=gb" />
<title>文字自動分插不同的divJason Yu</title>
<style type="text/css">
*{margin:;padding:;}
body{lineheight:px;fontfamily:SimSun;fontsize:px;color:#;}
#box{height:px;}
box{width:px;overflow:hidden;margintop:px;border:px solid #;}
</style>
</head>
<body>
<div id="box" class="box"></div>
<script type="text/javascript">
var str = "這裡是一段話這短話的文字可以很隨意的哦只要達到一定數量就自動會分頁你信不信？不信也得信啊這是真的哪怕再長的文字我復制一段話吧下面這一段話就是復制過來的我要准備復制了哦准備好了沒呢？這裡是一段話這短話的文字可以很隨意的哦只要達到一定數量就自動會分頁你信不信？不信也得信啊這是真的哪怕再長的文字我復制一段話吧下面這一段話就是復制過來的我要准備復制了哦准備好了沒呢？";
var oBox = documentgetElementById("box");
function fnTextOver(n){
var newBox = documentcreateElement("div");
documentbodyappendChild(newBox);
newBoxclassName = "box";
for(var i=n; i<=strlength; i++){
newBoxinnerHTML = strsubstring(ni);
if(newBoxoffsetHeight<=){
if(i==strlength){
newBoxstyleheight = "px";
}
}else{
newBoxinnerHTML = strsubstring(ni);
newBoxstyleheight = "px";
argumentscallee(i);
break;
}
}
}
function fnShowText(){
var newBox = documentcreateElement("div");
documentbodyappendChild(newBox);
newBoxclassName = "box";
for(var i=; i<=strlength; i++){
newBoxinnerHTML = strsubstring(i);
if(newBoxoffsetHeight<=){
oBoxinnerHTML = strsubstring(i);
if(i==strlength){
documentbodyremoveChild(newBox);
}
}else{
documentbodyremoveChild(newBox);
fnTextOver(i);
break;
}
}
}
fnShowText();
</script>
</body>
</html>
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19956.html
