2013-06-23 14 views
24

Qual è la differenza esatta tra overflow-wrap/word-wrap e word-break? E qualcuno può dirmi qual è il migliore per rompere collegamenti molto lunghi? La maggior parte della gente dice che dovresti usare la parola-break in combinazione con l'overflow-wrap ma non sembra molto logico. Penso che l'uso dell'overflow-wrap in combinazione con il word-wrap per un migliore supporto cross-browser sia il metodo migliore. Cosa ne pensi?Differenza tra overflow-wrap e word-break?

+2

A tutti i futuri lettori che potrebbero inizialmente essere confusi sul motivo per cui questo è stato chiuso come una domanda duplicata. Il [Modulo di testo CSS Livello 3] (https://www.w3.org/TR/css-text-3/#overflow-wrap-property) afferma che 'overflow-wrap' e' word-wrap' dovrebbero essere 100 % identico nella funzionalità. Personalmente, ho l'impressione che 'word-wrap' dovrebbe essere usato solo per il supporto del browser legacy e che potrebbe essere deprecato o abbandonato in una versione futura di CSS. –

+1

Per quelli che hanno votato per chiudere questo: questo non è un duplicato come affermato, la domanda non è la stessa. Il presunto duplicato riguarda due valori specifici delle due proprietà e questa domanda riguarda le due proprietà. Non mi piace che alcune persone credano di avere il diritto di proibire agli altri di rispondere a una domanda. Se non ti piace una domanda, non leggerla! – Hibou57

risposta

33

Citando fonti

  • word-wrap: La proprietà CSS word-wrap è usato per specificare se il browser potrebbe interrompere le linee all'interno delle parole, al fine di evitare overflow quando una stringa altrimenti indistruttibile è troppo lungo per rientrare nella sua scatola di contenimento.

  • trabocco-wrap: word-wrap proprietà è stata rinominata overflow-wrap nel progetto corrente della specifica CSS3 Text

  • word-break: La proprietà CSS word-break viene utilizzato per specificare come (o se) per rompere le linee all'interno delle parole

Quindi, è necessario il word break in combinazione con il word-wrap, che è la combinazione giusta.

+5

Penso che il word-wrap sia abbastanza ... Ancora confuso ... – Anselm

+0

Beh, sì 'word-wrap' è sufficiente, ma se la larghezza del contenitore è limitata, il layout potrebbe essere incasinato. – karthikr

+0

OK, vedo. Uso il word-wrap solo per i collegamenti, quindi il layout non si interrompe. – Anselm