Sto ricostruendo un menu a discesa simile a una casella <select> utilizzando div e jquery. Il div contenente gli elementi a discesa dovrebbe avere una larghezza minima, ma non la larghezza massima in quanto dovrebbe crescere insieme all'elemento più largo nell'elenco (quindi se ho un oggetto molto lungo come '[Questo è l'oggetto più lungo all'interno del contenitore]', l'intero contenitore dovrebbe essere largo come questoIl whiterap dello spazio bianco CSS non aumenta la larghezza?
Ora ho quasi ottenuto quello che voglio, utilizzando white-space:nowrap per ogni elemento all'interno del contenitore, in modo che il testo di un elemento non continui su una nuova riga. usando è il testo che scorre fuori dalla scatola usando, invece di lasciare che la scatola cresca lungo il testo.Non riesco a capire come risolvere questo problema.Ho già provato text-overflow:ellipsis ma questo sembra nascondere solo il testo straripato e l'aggiunta di tre punti (...) alla fine
Quindi ecco il mio problema in poche parole: come posso far crescere un div insieme al testo al suo interno, quando su di esso viene applicato white-space:nowrap invece di lasciare che il testo ne esca? Non voglio nascondere il testo utilizzando overflow:hidden, Voglio mostrare l'intera stringa ..
Grazie in anticipo!
Grazie per la risposta. Il problema è che il contenitore dell'elemento è già impostato per "rimpicciolire", ecco perché non riesco a trovare una soluzione al mio problema. Devo trovare un modo per espandere l'elemento div quando white-space: nowrap fa il testo scorre fuori dalla scatola, altrimenti non sembra funzionare perché il contenitore dell'elemento si restringe troppo e il testo straripato sarà nascosto. – carlo
Quale metodo stai usando per ottenere un rimpicciolimento? Esempio non funzionante? – bobince
Utilità al punto. Upvoted. – tmslnz