Правильное словосочетание с CSS и JS

Теперь я работаю над проектом, где пользователи могут создавать свои собственные временные линии. На каждой временной шкале есть события. Там проблема с названием события.

Пользователь может создать событие с очень длинным заголовком. Например:

`12312312312312312312312313211233123213133gsfsfsfsdfserwerwerwerwesdfsdf`

или

День победы русской эскадры под командованием Ф.Ф. Ушакова над турецкой эскадрой у мыса Тендра

Заголовки заголовков с h3 и word-break: break-all

Примеры: enter image description hereenter image description here

Я полагаю, что для первого примера он работает достаточно хорошо. Но второй пример нарушает правила переносов.

Есть ли какой-нибудь плагин, который поможет? Или, может быть, правильные правила CSS?

Ответ 1

Использовать в css. есть разница между тем, какое время использовать слово-перерыв и перенос слов. Для получения дополнительной информации см. Ссылку docs и Stackoverflow

 h3 {
   word-wrap: break-word;
 }

Документы: W3school

fooobar.com/info/26477/...