DOMANDA Mostrare Solo Il Primo Rigo Di Un Paragrafo Con I Puntini Di Sospensione

[hddsfortuna]

Ciao a tutti,

è tempo che sto impazzendo con CSS per fare in modo che di un paragrafo si veda solo il primo rigo con i puntini di sospensione alla fine del rigo.

Questo è il codice del paragrafo:

<p class="j taglia">Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

E questa è la grafica:

.j {
text-align: justify;
}

.taglia {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

Ma così mi sfascia la pagina, sforando il limite orizzontale della schermata e non taglia il testo al momento della fine del suo contenitore.

Come posso rimediare?

Grazie

 

[Albo89]

nella classe "taglia" devi anche impostare la larghezza massima che deve avere il testo. tipo width: 200px;

 

[hddsfortuna]

E come faccio? Non ho la larghezza fissa, si deve adattare al suo contenitore.


Grazie

 

[Mursey]

E come faccio? Non ho la larghezza fissa, si deve adattare al suo contenitore

Allora usa 100%

 

[hddsfortuna]

Allora usa 100%

Non va, mi mostra tutto il paragrafo su un rigo arrivando ad uscire dallo schermo ed entrando nella casa del mio vicino.

Come posso rimediare?



Grazie