输入重复字符时文本区域溢出文本答案

【问题标题】：Textarea overflowing text when typing in repeated characters输入重复字符时文本区域溢出文本
【发布时间】：2020-04-13 09:41:18
【问题描述】：

我有一个似乎无法解决的奇怪问题。

我创建了这个评论部分，您在文本区域中输入内容，点击完成，您的评论就会显示在评论部分（非常简单）。但是这里的问题是，如果您在该区域中键入“普通”文本，当文本到达容器的边界时，它会正确地生成它并带有换行符，但是如果您连续键入一个字符，它会在一行中生成它。 .（见下图）。

以前有没有人遇到过这个问题以及如何解决这个问题的任何想法，只是为了防止白痴窃听我的应用程序。

提前致谢，祝您度过愉快的一周！

【问题讨论】：

【解决方案1】：

其实我已经弄明白了……在 CSS: word-break: break-word ......这就是我所要做的。很抱歉打扰您，我希望这对其他人有帮助！

【讨论】：

【解决方案2】：

问题是因为没有空格来打断单词，建议使用word-break: break-all

你也可以使用overflow: hidden来设置样式

还有连字符hyphens: auto;

https://css-tricks.com/almanac/properties/w/word-break/

【讨论】：

【解决方案3】：

我希望这就是你要找的，

div {
  word-wrap: break-word;
}

【讨论】：