Mostrare solo il primo rigo di un paragrafo con i puntini di sospensione

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:

Codice HTML:

---

<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:

Codice HTML:

---

.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,
foreach

Hai dimenticato il max-width con justify stai dichiarando width massimo del browser.. http://stackoverflow.com/questions/2...-length-in-css
Oppure imposti un width sul contenitore... https://www.w3schools.com/cssref/try..._text-overflow 1em in talune circostanze corrisponde a 16px http://www.devimadesign.com/articoli...-assolute.html

Citazione:

---

Originalmente inviato da darbula

Hai dimenticato il max-width con justify stai dichiarando width massimo del browser.. http://stackoverflow.com/questions/2...-length-in-css
Oppure imposti un width sul contenitore... https://www.w3schools.com/cssref/try..._text-overflow 1em in talune circostanze corrisponde a 16px http://www.devimadesign.com/articoli...-assolute.html

---

Non ho capito molto degli articoli che mi hai suggerito, ma comunque vorrei sapere come faccio a impostare un max-width se il contenitore di questo paragrafo è un <div> che non ha attributo width, e a sua volta si trova in un altro <div> con width: 50% della pagina per dividere la pagina in 2 colonne.

Potrei anche togliere justify, ma non so come fare.


Grazie,
foreach