css模仿记事本输入完成一行自动换行

如图效果

做项目遇到的一个坑，需要最某一个东西就行标注，
需要如上图一样的效果，初始化一个高度的盒子，当点击的
时候输入完成一行的时候，自动切换到下一行，当到达最后一行的
时候，自动增加高度，，一开始觉得用input一排一排的来
布局，输入满一行自动切换焦点，后来试试下，还是存在各种问题。
后来利用contenteditable="true"此属性，给一个盒子添加此属性
变可以输入文字， background-image: linear-gradient(to bottom, #fff 99%, #aed4fd 1%);
来显示文字的下划线，就当笔记顺便发上来