텍스트 오버플로에 대한 구체적인 코드는 오버플로 부분을 구현하고 새로 생성된 div_javascript 기술에 넣는 것입니다.

그룹의 누군가가 텍스트 오버플로에 대해, 새로 생성된 div에 오버플로 텍스트를 넣는 방법에 대해 질문하는 것을 보았습니다.

div에 배치할 수 있는지 여부를 판단하는 원칙에 대해 생각했습니다. 그렇지 않은 경우 연결을 끊어야 하는 위치의 새 div에 삽입하세요. 코드는 다음과 같습니다.

코드를 복사하세요. 코드는 다음과 같습니다.

< ;meta http-equiv="Content-Type " content="text/html;charset=gb2312" />
;style type="text/css"> ;
*{margin:0;padding:0;}
body{line-height:24px;font-family:SimSun;font-size:12px;color: #000;}
#box1{ 높이:96px;}
.box{width:200px;overflow:hidden;margin-top:10px;border:1px solid #000;}

javascript">
var str = "여기에 단락이 있습니다. 이 짧은 단락의 텍스트는 특정 숫자에 도달하면 자동으로 페이지로 나누어집니다. 믿거나 말거나입니다. 텍스트가 아무리 길어도 복사하겠습니다. 다음 단락이 복사됩니다. . 이 짧은 문단의 텍스트는 일정량에 도달하면 자동으로 페이지 매김됩니다. 믿으시나요? 믿을 수 없다면 믿어야합니다. 텍스트가 아무리 길더라도 다음 문단을 복사하겠습니다. ";
var oBox1 = document.getElementById("box1");
function fnTextOver(n1){
var newBox2 = document.createElement("div");
document.body.appendChild( newBox2);
newBox2.className = "box";
for(var i=n1; i<=str.length; i ){
newBox2.innerHTML = str.substring(n1,i);
if(newBox2.offsetHeight<=98){
if(i==str.length){
newBox2.style.height = "96px"
}
}else{
newBox2.innerHTML = str.substring(n1,i-1);
newBox2.style.height = "96px";
arguments.callee(i-1)
break; }
}
}

function fnShowText(){
var newBox = document.createElement("div")
document.body.appendChild(newBox); newBox.className = "box";
for(var i=1; i<=str.length; i ){
newBox.innerHTML = str.substring(0,i)
if(newBox) .offsetHeight<=98){
oBox1.innerHTML = str.substring(0,i)
if(i==str.length){
document.body.removeChild(newBox); >}
}else{
document.body.removeChild(newBox)
fnTextOver(i-1)
break; fnShowText();




추가할 수 있는 문제 1. 기호는 다음과 같습니다. div 가장 먼저 나타나는 것은 2입니다. "student"와 같은 문자는 깨져서 쓰여지며, 기타 문제는 일반적인 규칙에 따라 판단해야 합니다.