css2：div模拟textarea效果并实现高度自适应

样式如下：设置div最小高度并设置为auto，同时设置字体换行和边界换行即。div设置contenteditable="true"

即可实现文字编辑(contenteditable为html5新增属性)

div{
  float: right;
  margin-right: 45%;
  height: 50px;
  height: auto;
  min-height: 50px;
  width: 200px;
  border: 1px solid black;
  /*字体换行*/
  word-break: break-all; /*任意字内断开*/
  word-wrap: break-word; /*在边界内断开换行*/
 }

<div contenteditable="true"></div>

 

局限性： 可编辑div目前还不能有效实现动态监控 div内容的实时变化，无change监听事件。