html编辑框显示不下自动换行,【请教】HTML文本编辑器如何自动换行？

#idDIV{width:300px;height:90px;background-color:#87CEEB;padding:8px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }

#idCodeDiv{width:300px;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}

function rdl_change(e){

var oCodeDiv=document.all("idCodeDiv");

var oDiv=document.all("idDiv");

with (document.all("idSel1")) var sValue1=options[selectedIndex].value;

with (document.all("idSel2")) var sValue2=options[selectedIndex].value;

with (oDiv.style) {

overflow=sValue1;textOverflow=sValue2;

}

oCodeDiv.innerText="overflow : "+sValue1+"\r\n"+"text-overflow : "+sValue2+" ;";

}

请您从下面的选择框中选择这段文字的相应属性的值。看一看会发生什么，然后您就会明白他们的意义。

---overflow--- hidden visible

---text-overflow--- clip ellipsis

overflow : ellipsis ;
text-overflow : hidden ;

运行代码

复制代码

另存代码

提示：您可以先修改部分代码再运行