DOM创建的LI里边的文本不能自动换行怎么办？？？来求大神了！

Question

var oBtn=document.getElementsByTagName("input")[0];var oTxt=document.getElementsByTagName("textarea")[0];var oUl=document.getElementsByTagName("ul")[0];oBtn.onclick=function (){         var oLi=document.createElement("li");        oLi.innerHTML=oTxt.value;        oUl.appendChild(oLi)        oTxt.value="";      }然后出问题了，oTxt.value里的文本长了后，在 li 里边不会换行  超出了  li  的宽度，这是什么情况？？  又怎么解决啊？？哪个大神指点一二 。

Answer 1

最简单最粗暴的方式:

在HTML中,根据文本域的宽度,将要换行的<li>文字用<br />断开      

修改CSS样式:

1. 用height和width来定死其宽度，给一个具体的数值

2. 自动换行:

div{  
    word-wrap: break-word;  
    word-break: normal;  
}