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% to 50%开始，永远不会滚动到垂直滚动，因为你输入的行是水平的。但我希望它从左上角开始，永远不要越过文本框边框。我到目前为止所做的就是改变，移除white-space overflow text-align等等，但没有人帮助过。

提前致谢：）

Answer 1

如下所示使用textarea。它会自动滚动

＆＃13;

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

＆＃13;

Answer 2

使用textarea不输入

<textarea  class="cln" placeholder="That is my pet right there:)" />

Answer 3

你能用textarea而不是输入吗？

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

Example

如何使文本框在溢出css html中滚动垂直？

3 个答案: