新手 前端 html css

红色框框那里是 input 只能打一行字，我把height 调的比较高（比字大好多）， 方便鼠标移过去点到输入框。 但是光标太靠下了 ，要怎么往上靠。
（我试过用 textarea 但是这样 按回车是换行 ，不是 发送）

https://blog.csdn.net/tong850066186/article/details/50357334

input外面套一个div，div有边框，input不要边框，div撑大一些。

可以用padding

<input type="text" name="test" value="HHHHHH" style="padding: 5px 0px 40px 0px;" />

麻烦在看下这个 这个文字怎么上对齐 ，百度的test-align 只有 左中右

你好，你这个问题是可以通过P标签解决的。当用户输入一行之后，根据p标签的特点会自动换行
具体代码为：
html：

<p contenteditable="true"></p>

css
根据你的页面设计，然后heiht的数值最好为lineheight的倍数加上padding和margin的top和bottom的值
还有加上overflow:scroll 就可以实现需要的效果了。

最重要的代码9为contenteditable=true
详见：http://www.w3school.com.cn/html5/att_global_contenteditable.asp

不过，我更建议你使用富文本编辑器(如百度的UEeditor)因为它本身已经集合了表情、传输图片等功能。相信你的聊天室也需要这些功能。