Как осуществить перенос очень длиного слова в HTML)?

Question

[lamoshnik]

Вывожу записи пользователя через php цыклом while, столкнулся с проблемой переноса очень длиного слова, как осуществить перенос правильно, чтобы он переносился на следующую строку исходя из размера DIV куда и помещается параграф?

Comments

[Максим]

а вообще такие слова есть в русском языке ? кроме автомотовелозапчасти ...вы реально напишите слово хоть одно ...

Answer 1

[grinat]

word-wrap:break-all;

Comments

[lamoshnik]

Сработало:

overflow-wrap: break-word;
word-wrap: break-word;

-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;

/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;

[grinat]

lamoshnik, тебе здесь break-word ничем не поможет, он переносит по словам, hyphens тоже не при чем(это свойство какую черточку ставить при переносе, по факту в хроме не работает). См: jsfiddle.net/SDGAX/1

Answer 2

[Максим]

https://codepen.io/topicstarter/pen/bzOgjR word-break:break-all; вроде бы работает ...

Answer 3

[a_fridman]

Коллеги посмотрите на сайте w-dm.ru очень удачно реализованы переносы с помощью гипереатора с гет-хаба