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样式:用height和width来定死其宽度，给一个具体的数值自动换行:div{       word-wrap: break-word;       word-break: normal;   }