javascript - 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

只需设置 overflow: hidden;在 textareas CSS 工作？

如果失败，您可以使用 word-wrap: break-word 将文本分成多行；

其他人已经通过使用 white-space: pre-wrap 解决了这个问题；

他们还提到尝试自动换行:break-all；

我也会尝试将文本区域放在容器 div 中。然后将容器设置为你想要的大小，然后让你的文本区域宽度:100%;

也只是为了常识，“& n b s p;” (减去空格)相当于一个空格。* 请注意，这并不适用，因为您正在使用用户输入。

希望这些对你有用!

谢谢，J。