前端--输入框换行，高度自适应

最近项目遇到一个说小不小说大不大的问题，输入框要自动换行，并且高度还得自适应，我试了几种方式，

1.input 输入，input不能换行，上网查询了说将css设为word-break: break-all; word-wrap:break-word;也是无效的。

2.div 设置contenteditable="true"属性，这种方法可以实现输入内容自动换行，并且自适应高度，但是项目需要光标从边输入，我试过text-align：right是无效的。所以这种方式也不行。

3.textarea，文本输入框，想想这个应该可以了吧，文本输入框是可以内容自动换行，可是高度怎么都是固定的啊。我还是没解决。百度吧，终于找到解决办法啦。

最后遇到一个光标在placeholder提示文字上面，解决办法：#textarea::-webkit-input-placeholder{ padding-right: 4px;}