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?
risposta
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 rinominataoverflow-wrap
nel progetto corrente della specifica CSS3 Textword-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.
Penso che il word-wrap sia abbastanza ... Ancora confuso ... – Anselm
Beh, sì 'word-wrap' è sufficiente, ma se la larghezza del contenitore è limitata, il layout potrebbe essere incasinato. – karthikr
OK, vedo. Uso il word-wrap solo per i collegamenti, quindi il layout non si interrompe. – Anselm
- 1. La differenza tra $ * e $ @
- 2. Differenza tra $ # e $ {# @}
- 3. Differenza tra. e #
- 4. MySQL: Differenza tra ",", "e"
- 5. Differenza tra "o" e "||"
- 6. Differenza tra unwrapObservable e()
- 7. Differenza tra oggetto e *?
- 8. Differenza tra "**/* /" e "** /"?
- 9. Differenza tra jquery e $
- 10. CMake: differenza tra $ {} e "$ {}"
- 11. Differenza tra ". +" E ". +?"
- 12. VBA: Differenza tra & e +
- 13. Differenza tra numpy.logical_and e &
- 14. Differenza tra | = e^= css
- 15. Differenza tra `% in%` e `` ==
- 16. Differenza tra Dizionario e Hashtable
- 17. Differenza tra SCM e SVN
- 18. differenza tra RDLC e SSRS
- 19. Differenza tra REMOTE_HOST e REMOTE_ADDR
- 20. Differenza tra "\ n" e Environment.NewLine
- 21. Differenza tra QSharedPointer e QSharedDataPointer?
- 22. Differenza tra toFixed() e toPrecision()?
- 23. Differenza tra strncpy e memcpy?
- 24. Differenza tra crittografia e hashing
- 25. Differenza tra Assembly.CreateInstance e Activator.CreateInstance?
- 26. Differenza tra coredata e sqlite
- 27. Differenza tra Html.RenderAction e Html.Action
- 28. differenza tra System.out.printf e String.format
- 29. Differenza tra UIViewContentModeScaleAspectFit e UIViewContentModeScaleToFill?
- 30. Differenza tra MDB e JMS
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. –
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