Текст переполнен текстом при наборе повторяющихся символов

Question

У меня есть странная проблема, которую я не могу решить.

Я создал этот раздел комментариев, где вы вводите текстовую область, нажимаете кнопку DONE, и ваш комментарий появляется в разделе комментариев (довольно прямо. вперед). Проблема здесь заключается в том, что если вы вводите в область «нормальный» текст, он генерирует его правильно с разрывами строк, когда текст попадает на границу контейнера, но если вы вводите один символ непрерывно, он выдает все в одной строке. . (см. рисунок ниже).

Кто-нибудь имел эту проблему раньше и какие-либо идеи о том, как ее исправить, просто чтобы идиоты не могли делать ошибки в моем приложении.

Заранее спасибо, приятного неделя!

Answer 1

проблема в том, что нет пробела, чтобы разбить слово, как предлагается использовать word-break: break-all

, вы также можете стилизовать его, используя overflow: hidden

, а также дефисы hyphens: auto;

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

Answer 2

Надеюсь, это то, что вы ищете,

div {
  word-wrap: break-word;
}

Answer 3

На самом деле, я только что понял это ... в CSS: слово-разрыв: слово-разрыв ... это буквально все, что я должен был сделать. Извините, что беспокою вас, и я надеюсь, что это поможет другим, если что-нибудь!