Word wrap css что это

Word-wrap — это CSS свойство, которое позволяет задать, как должны обрабатываться слова, когда они не умещаются в указанную ширину элемента. Это свойство определяет, следует ли разрывать длинные слова или переносить их на следующую строку.

Когда свойство word-wrap установлено на «normal», то длинные слова будут разрываться, если места в текущей строке не хватает. При установке свойства на «break-word» длинные слова могут быть разбиты на две или более строки, если они не помещаются на текущей строке.

Например, при создании таблицы или формы, может быть полезно использовать свойство word-wrap, чтобы текст оставался читаемым, даже если он не умещается на экране.

Пример использования word-wrap:

p {
  width: 200px;
  word-wrap: break-word;
}

Этот код устанавливает, что параграфы (элементы p) будут переносить длинные слова на следующую строку, если они не будут помещаться в заданную ширину (200 пикселей в данном случае).