12
votes

Sélection de la dernière ligne d'un élément

Je suis au courant des : sélecteur première ligne en CSS, mais je ne trouve rien qui me permettra de sélectionner la dernière ligne.

La raison pour laquelle j'essaie de sélectionner la dernière ligne est parce que je veux pouvoir définir le Text-Overflow - et espace blanc attributs de la dernière ligne.

J'essaie d'éviter d'utiliser JavaScript pour former une solution.


1 commentaires

Text-Overflow Par définition ne peut pas utiliser les cases qui circulent pendant plus d'une ligne.


4 Réponses :


2
votes

IIRC, le seul contrôle CSS sur la dernière ligne est Text-Align:

var thetext = document.getElementById('some_element').innerHTML.split(/\r?\n/);
alert(thetext[thetext.length - 1]);


3 commentaires

Vous ne pouvez pas le diviser de cette façon. Les navigateurs n'en ajoutent pas de nouvelles lignes au texte intérieur ou en HTML d'un élément, partout où le texte s'envole sur la ligne suivante.


Je souligne le commentaire de BoltClock. Cela ne répond pas au problème.


Désolé, mal interprété la question.



3
votes

Je ne pense pas que cela puisse être fait avec CSS seul. jQuery ou une fonction PHP peut être capable de vouloir que vous voulez


0 commentaires

4
votes

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

Vous pouvez cependant sélectionner la première ligne à l'aide du pseudo élément : première ligne . Malheureusement pour le moment, il n'y a pas d'équivalent pour la dernière ligne.


0 commentaires

0
votes

Vous pouvez utiliser une seule ligne et donner CSS: Nth-enfant (3)

ici (3) désigne le nombre d'une dernière ligne


2 commentaires

Pouvez-vous fournir un exemple de cela?


Je ne pense pas que c'est possible.