溢出：当textarea默认有内容时自动？

Question

这是一个问题，长期困扰我。如果我有一个长文本的textarea，溢出不起作用，即使内容越过可见区域。如何解决这个问题？

Martti Laine

Answer 1

您所在地区的高度是否合适？ （另外，我假设这不是<textarea>而是<div>或类似的东西。）

Answer 2

那么，您希望在手动输入文本时将文本换行吗？如果您使用<textarea>控件，则可以尝试设置高度和宽度：

<textarea id="test" style="width:300px; height:50px">
    The quick brown fox jumps over the lazy dog.
</textarea>

Answer 3

来自评论：

  

横向是目标。它设置为scroll / auto，但textarea的内容仍然被包装。如果我手动写东西到textarea，它就不会换行。

所以你基本上想要禁用换行？将white-space: nowrap;添加到样式中。然而，这会产生另一种影响：您不能再在textarea中显示或插入换行符了。