Chrome / Firefox中多个空间溢出文本区域

Question

<textarea rows="4" cols="50">
Enter multiple spaces and after a point of time it breaks into newline in IE but it overflows text area in Chrome
</textarea>

在特定点之后在IE / EDGE的文本区域内输入多个空格时，它会换行。

但是在Chrome / Firefox中，textarea内的多个空格会使textarea溢出而不是换行。我也尝试使用white-space：pre，但是它创建了水平滚动条。我不想在文本区域内滚动。 是否有任何CSS属性可以阻止文本区域溢出。 请帮助我在Chrome / Firefox中保留文本区域内的空白。 这是textarea组件的html代码

预先感谢

Answer 1

只需设置溢出：隐藏；在textareas CSS工作中？

无法通过自动换行将文本分成多行：break-word;

其他人通过使用空格解决了此问题：pre-wrap;

他们还提到尝试自动换行：分手；

我还将尝试将textarea放在容器div中。然后将容器设置为所需的大小，然后将文本区域的宽度设置为：100％;

就常识而言，“＆n b s p;” （减去空格）将等于一个空格。 *请注意，这在您使用用户输入时并不真正适用。

希望这些为您解决！

谢谢J.