输入重复字符时文本溢出文本

Question

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

我在此注释部分中输入了文本区域，单击“完成”，您的注释显示在注释部分中（非常简单）。但是，这里的问题是，如果您在该区域中键入“普通”文本，则当文本到达容器的边界时，它会正确产生换行符，但是如果连续键入一个字符，它将在一行中全部产生。 。（请参见下图）。

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

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

Answer 1

这在我之前发生过，这是非常正常的，因为您的CSS没有将单词分成两行，因此要解决此问题，您可以添加overfolw-x:hidden，但是单词的其余部分将被隐藏。

Answer 2

实际上，我刚刚在CSS中找到了答案：断字：断字...这就是我要做的全部。抱歉打扰您了，希望对您有帮助！

Answer 3

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

您也可以使用overflow: hidden对其进行样式设置>

以及连字符hyphens: auto;

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

Answer 4

我希望这是您想要的，