样式如下:设置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监听事件。