html - 如何使文本框在 overflow css html 中垂直滚动？

Question

之前可能已经有人问过这个问题，但我找不到可以帮助我的问题。无论如何，我已经使用以下脚本创建了一个文本框:

CSS:

.cln{
top:220px;
width:680px;
height:350px;
text-align:left;
overflow:scroll;
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

<input type="text" class="cln" placeholder="That is my pet right there:)" maxlength="2024"/>

问题是文本框的输入从中心 50% 到 50% 开始，并且永远不会滚动到垂直滚动，只要你输入一行就会水平。但我希望它从左上角开始并且永远不会越过文本框边界。到目前为止，我所能做的就是更改、删除 white-space overflow text-align 等等，但没有任何帮助。

提前致谢:)

Answer 1

像下面这样使用textarea。它会自动滚动

This will scroll automatically...<br/>
<textarea type="text" class="cln" placeholder="That is my pet right there:)" col=30 rows=10> </textarea>