div+contenteditable实现输入框高度随内容撑开

input输入框无法实现换行

textarea可以无法实现，但是高度固定，超出部分会出现滚动条

div+contenteditable可以实现输入框高度由内容撑开

html

<div contenteditable="true"></div

css

1、 设置最大高度，溢出部分出现滚动条

div{
    min-height: 30px;
    max-height: 120px;
    line-height: 30px;
    overflow-x: hidden;
    overflow-y: auto;
}

2、最大高度不设限，输入框高度由内容撑开

 div{
    min-height: 30px;
    line-height: 30px;
}