Corretto wordbreaking con CSS e JS

Question

Ora, sto lavorando a un progetto in cui gli utenti possono creare le proprie linee temporali. Ogni timeline ha eventi. C'è un problema con il titolo dell'evento.

L'utente può creare un evento con un titolo molto lungo. Per esempio:

`12312312312312312312312313211233123213133gsfsfsfsdfserwerwerwerwesdfsdf` 

o

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

titolo visualizza con h3 e parola-break: break-tutti

Esempi:

Suppongo che per la prima esempio funziona abbastanza bene. Ma il secondo esempio viola le regole della sillabazione.

C'è qualche plugin che ti può aiutare? O forse le corrette regole CSS?

Answer 1

Uso in css. c'è una differenza tra a che ora usare word-break e word wrap. Per ulteriori informazioni consultare la documentazione e link StackOverflow

h3 { 
    word-wrap: break-word; 
} 

Docs: W3school

Stackoverflow