Auswählen der letzten Zeile eines p-Elements

8

Ich kenne den :first-line Selektor in CSS, aber ich kann nichts finden, was mir erlaubt, die letzte Zeile auszuwählen.

Der Grund, warum ich versuche, die letzte Zeile auszuwählen, ist, weil ich in der Lage sein möchte, die Attribute text-overflow und white-space der letzten Zeile zu definieren.

Ich versuche zu vermeiden, JavaScript zu verwenden, um eine Lösung zu bilden.

    
Alex 10.02.2012, 12:11
quelle

4 Antworten

3

Ich denke nicht, dass dies mit CSS alleine gemacht werden kann. jQuery oder eine PHP-Funktion könnte in der Lage sein, Sie zu bekommen, was

    
David Allen 10.02.2012, 12:40
quelle
3

Leider gibt es keinen CSS-Selektor, der zutrifft.

Sie können jedoch die erste Zeile mit dem Pseudo-Element :first-line auswählen. Leider gibt es im Moment kein Äquivalent für die letzte Zeile.

    
MMM 10.02.2012 12:50
quelle
1

IIRC, das einzige CSS-Steuerelement über die letzte Zeile ist text-align:

%Vor%

Ich habe Angst Javascript, oder tatsächlich die letzte Zeile in einem Span umwickeln und das Styling, ist der einzige Weg. Unten ist das JS als Referenz.

%Vor%     
rickyduck 10.02.2012 12:17
quelle
0

Sie können nur eine Zeile verwenden und css: nth-child(3)

angeben

Hier (3) bezeichnet die Nummer einer letzten Zeile

    
Immanuel 04.01.2018 08:04
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset So erstellen Sie ein Histogramm mit MySQL