CSS - Larghezza massima ed ellissi

Question

Ho una span che conterrà del testo. Vorrei che lo span si espandesse fino a un massimo di 500 px per contenere il testo all'interno. Dopo aver raggiunto il limite massimo, desidero che il testo visualizzi le ellissi per qualsiasi testo che trabocchi della larghezza massima. È possibile? Ho provato quanto segue, ma questo non ha funzionato.

Grazie

{ 
    position: absolute; 
    top: 13px; 
    left: 44px; 
    max-width: 500px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
} 

Answer 1

Questo javascript troncano il testo e aggiungere i puntini di sospensione. (Senza romperlo nel mezzo di una parola o markup)

Barelyfitz Truncate js.

Non sono sicuro sulla compatibilità del browser di i, ma dovrebbe funzionare :)

Speranza che aiuta.

Answer 2

Gli spazi sono visualizzati: in linea per impostazione predefinita, che può causare un comportamento strano quando vengono assegnate le dimensioni. Se viene comunque posizionato in modo assoluto, è necessario utilizzare un div o impostare lo span per visualizzare: block invece.

Non sono sicuro se questo risolverà il problema, ma è un inizio :)