Разница между white-space и overflow-wrap в CSS заключается в том, что каждое из этих свойств решает свои задачи:

1. white-space — это свойство, с помощью которого можно указать браузеру, как он должен обрабатывать пробелы в тексте. 1 Например, значение nowrap предотвращает автоматический перенос текста по символам пробела (текст размещается в одну строку). 13
2. overflow-wrap — это свойство, которое позволяет указать, необходимо ли переносить слова, выходящие за границы элемента. 1 По умолчанию оно имеет значение normal, что означает, что слова могут разрываться только в определённых местах, например, когда имеется пробел или дефис. 1 Два других значения (break-word и anywhere) указывают браузеру, что он должен вставлять разрывы в неразрывную строку. 1 При этом разрыв создаётся только в том случае, если всё слово не может быть помещено в отдельную строку без переполнения. 1