Estoy bastante seguro de que lo que estás tratando de hacer es imposible en una solución pura de CSS. Sin embargo, hay una forma de piratear juntos un resultado similar. Esto es lo que hice:
http://cce.usyd.edu.au/courses/Business+%26+Management/Business+Communication
Ver el fundido en el bloque de texto introduciendo cada curso? Eso se hizo primero restringiendo el desbordamiento de la manera habitual y luego colocando otro div encima de la última línea e implementando el fundido en CSS. En lugar de un fundido también podría insertar una elipsis o alguna otra pista visual.
Por lo tanto, no lo resuelve exactamente de la manera que desea, pero logra un resultado de IU similar para garantizar que el usuario sepa que el contenido se trunca. Personalmente, creo que es bastante bonito :-)
Lo que está causando mi problema es no configurar el desbordamiento en oculto, es el espacio en blanco: nowrap que parece ser necesario para que funcione el desbordamiento de texto. Necesito la elipsis para aparecer después de la segunda línea de texto, que no puedo descifrar cómo hacerlo. –
Elija una respuesta, publique la solución a la que llegó o indique que las respuestas dadas no son aceptables para su caso. ¡Gracias! – kroehre