La sélection de la dernière ligne d'un <p> élément

Je suis conscient de la :first-line sélecteur CSS, mais je ne peux pas trouver quelque chose qui me permet de sélectionner la dernière ligne.

La raison pour laquelle je suis en train de sélectionner la dernière ligne est parce que je veux être en mesure de définir la text-overflow et white-space attributs de la dernière ligne.

Je suis en train d'essayer d'éviter l'utilisation de JavaScript pour former une solution.

  • text-overflow , par définition, ne peut pas fonctionner sur les boîtes de flux pour plus d'une ligne.
InformationsquelleAutor Alex | 2012-02-10
  1. 3

    Je ne pense pas que cela peut être fait avec CSS seul. jQuery ou une fonction PHP pourrait être en mesure d'obtenir voulez vous que

    InformationsquelleAutor David Allen
  2. 4

    Malheureusement, il n'y a pas de sélecteur CSS qui s'applique.

    Vous pouvez toutefois sélectionner la première ligne à l'aide de la pseudo-élément :first-line. Malheureusement pour le moment il n'y a pas d'équivalent pour la dernière ligne.

    InformationsquelleAutor MMM
  3. 2

    Autant que je me souvienne, la seule css contrôle sur la dernière ligne est text-align:

    text-align-last: right;

    J'ai peur de javascript, ou emballage de la dernière ligne d'une durée de style et c'est le seul moyen. Ci-dessous est le JS pour référence.

    var thetext = document.getElementById('some_element').innerHTML.split(/\r?\n/);
alert(thetext[thetext.length - 1]);
    • Vous ne pouvez pas diviser de la sorte. Les navigateurs ne pas ajouter des retours à la ligne à un élément interne du texte ou HTML, où le texte passe à la ligne suivante.
    • Je seconde BoltClock commentaire. Qui n'a pas de réponse au problème.
    • Désolé, mal interprété la question.
    InformationsquelleAutor rickyduck
  4. 0

    Vous pouvez utiliser une seule ligne et de donner css : nth-child(3)

    Ici (3) indique le numéro de la dernière ligne

    InformationsquelleAutor Immanuel