Word-wrap — это CSS свойство, которое позволяет задать, как должны обрабатываться слова, когда они не умещаются в указанную ширину элемента. Это свойство определяет, следует ли разрывать длинные слова или переносить их на следующую строку.
Когда свойство word-wrap установлено на «normal», то длинные слова будут разрываться, если места в текущей строке не хватает. При установке свойства на «break-word» длинные слова могут быть разбиты на две или более строки, если они не помещаются на текущей строке.
Например, при создании таблицы или формы, может быть полезно использовать свойство word-wrap, чтобы текст оставался читаемым, даже если он не умещается на экране.
Пример использования word-wrap:
p {
width: 200px;
word-wrap: break-word;
}
Этот код устанавливает, что параграфы (элементы p) будут переносить длинные слова на следующую строку, если они не будут помещаться в заданную ширину (200 пикселей в данном случае).
