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 属性可以阻止 textarea 溢出。 请帮助我在 Chrome / Firefox 中的文本区域内保留空格。 这是textarea组件的html代码

提前致谢

Answer 1

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

如果您无法使用自动换行将文本分成多行：break-word;

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

他们还提到尝试自动换行：break-all;

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

也只是为了一般知识，“& n b s p;” （减去空格）将相当于一个空格。 * 请注意，这并不适用，因为您使用的是用户输入。

希望这些对你有用！

谢谢，J。