33
Ho provato word-wrap: break-word;, ma separa le righe a metà.Come faccio a far passare un testo sulla riga successiva se è in overflow?
A
risposta
14
Fintantoché si specifica una larghezza sull'elemento, questo dovrebbe avvolgersi senza bisogno di altro.
+1
L'errore era che faceva parte di un elemento pre. Una volta cambiato pre in p questa risposta ha funzionato. – user784756
+0
Cosa succede se si imposta 'width: auto'? Il testo del mio pulsante viene ancora tagliato all'estremità destra del suo contenitore principale. Qualche idea? – andy4thehuynh
+0
@andystructible Questo probabilmente sarà difficile da rispondere, privo di contesto (quali altri stili sono applicati ad esso). Suggerirei di aprire una nuova domanda. Una possibilità è che a un certo punto sia stato applicato "overflow: hidden" al pulsante, o che il pulsante non sia nel flusso del documento (se, ad esempio, è stato flottato). –
43
Per utilizzare word-wrap: break-word, è necessario impostare una larghezza (in px). Per esempio:
div {
width: 250px;
word-wrap: break-word;
}
word-wrap è una proprietà CSS3, ma dovrebbe funzionare in tutti i browser, tra cui Internet Explorer 5,5-9.
+0
Funziona anche per la larghezza in pollici ( – joetinger
+0
) Grazie mille, mi ha salvato un sacco di mal di testa, quando stavo cercando di impostare la larghezza su un datalist che utilizza un controllo etichetta per visualizzare il contenuto di testo multilinea .. Ancora una volta, grazie. – Ron
+0
Funziona anche per le percentuali di larghezza in React – fungusanthrax
11
word-wrap: break-word;
aggiungere questo al vostro contenitore che dovrebbe fare il trucco
Problemi correlati
- 1. Java FileWriter come scrivere sulla riga successiva
- 2. Continua un comando sulla riga successiva
- 3. Come faccio a far scorrere un tavolo
- 4. Se si rompono lunghe code line, come si fa a indentare il materiale sulla riga successiva?
- 5. Come continuare il codice sulla riga successiva in VBA
- 6. Fless CSS, come visualizzare un elemento sulla prima riga e due sulla riga successiva
- 7. Come spostare il testo sulla riga successiva in un TextView Android?
- 8. ottenendo Altezza fissa div a continuare sulla riga successiva
- 9. Come rimuovere un'interruzione di riga e tutti gli spazi sulla riga successiva nell'editor di testo sublime?
- 10. Proseguendo una dichiarazione sulla riga successiva con un commento
- 11. Come far sì che il testo dell'area di testo passi automaticamente alla riga successiva quando la linea è finita?
- 12. Come faccio a far funzionare un eventhandler in modo asincrono?
- 13. Come faccio a far corrispondere il testo in HTML che non è all'interno dei tag?
- 14. Come faccio a verificare se un carattere è una vocale?
- 15. Se Notepad.exe è in esecuzione, taskkill se non è in esecuzione, passare all'istruzione successiva
- 16. Come passare alla lettera maiuscola successiva?
- 17. Wrap tavoli lungo HTML a riga successiva
- 18. Se dichiaro un frammento in un layout XML, come faccio a passare un pacchetto?
- 19. Come faccio a far uscire GDB da un loop?
- 20. C# - come faccio a far funzionare l'applicazione come un servizio?
- 21. Consente di avvolgere il testo sulla riga successiva quando supera una determinata lunghezza?
- 22. Ottenere la riga successiva in un file
- 23. Come forzare una casella e un testo sulla stessa riga?
- 24. Copia della formula sulla riga successiva quando si inserisce una nuova riga
- 25. Come faccio a far sì che un TextBlock WPF mostri il mio testo su più righe?
- 26. Come faccio a passare un riferimento const in C#?
- 27. passare argomenti a javascript tramite cscript sulla riga di comando
- 28. Chef: come faccio a verificare se è installato un servizio?
- 29. Come faccio a sapere se un appuntamento è privato
- 30. Come faccio a reimplementare valueOf sulla enumerazione
Hai provato impostazione max-width sul div che contiene? – diceler
Forse separa la linea in mezza parola perché l'hai impostata a 'break-word', cosa ti aspettavi che facesse? Hai controllato quali altre opzioni 'word-wrap' ha? –
Questo è il comportamento predefinito nella maggior parte dei contesti. Potresti fornire uno snippet di codice? – sabof