Словоразрыв и символьный перенос в CSS отличаются по своему действию. 14
Словоразрыв (свойство word-break) используется для указания того, как слово должно быть разбито при достижении конца строки. 1 Например, значение break-all позволяет разрывать слова в любом месте, в том числе и в середине слова, чтобы уместить их в контейнере. 4
Символьный перенос (свойство word-wrap) используется для разделения длинных слов и переноса их в следующую строку. 1 Например, значение break-word разбивает слово, не прерывая его посередине, и переносит в следующую строку. 1
Таким образом, словоразрыв позволяет разрывать слова любым символом, а символьный перенос — переносить слова в произвольных точках, сохраняя целостность слова, если оно может поместиться внутри контейнера. 14