Как содержать текст из ломающихся элементов?

Question

Это очень простой вопрос, но, как ни странно, я не уверен, как это реализовать: \

У меня есть элементы div с текстовыми полями внутри, чтобы пользователи могли писать комментарии, ответы и т. Д. Очень стандартная концепция. Div, который содержит текст, имеет определенную ширину. Если кто-то, где написать что-либо без использования пробелов, вместо разбиения строки, когда она попадает в правый край элемента div, он просто продолжает идти и разбивает элемент.

Я просто хочу знать, как сделать разрыв строки, когда он достигнет границ, предоставленных пользователем или нет.

заранее спасибо

Answer 1

Существует свойство CSS word-wrap, которое заставляет переносить длинные слова:

 word-wrap: break-word;

Возможно, вы захотите взглянуть на overflow.

Answer 2

Хмммм ... Это интересная проблема.Я думаю, что я бы сделал, чтобы реализовать функцию JavaScript, которая бы «читала» длину строк, и если один блок записи длиннее максимальной длины, я бы взял подстроку (max length - 1), добавьте тире (-) к его концу, добавьте разрыв строки и продолжайте оттуда.