Lijneinden kunnen aan HTML-elementen worden toegevoegd zonder een
-eindretour te hoeven gebruiken met pseudo-elementen. Pseudo-elementen worden gebruikt om een specifiek deel van een element te modelleren. Hier gebruiken we:: after om een HTML-element op te maken om een regeleinde toe te voegen.
In de bovenstaande code gebruiken we het pseudo-element :: after
op elk inline-element (weergegeven door de spanwijdte) om een regelterugloop (weergegeven door "a") toe te voegen na de regel van de tekstspan. De :: after
heeft in dit geval een content-eigenschap en een whitespace-eigenschap beschikbaar voor gebruik.
De "content"-eigenschap beschrijft de dingen die we in duur willen injecteren. De eigenschap witruimte vertelt ons of we witruimte moeten behouden. Als u deze specifieke eigenschap uitgeschakeld laat, heeft dit geen invloed op de in-line vergrendelingsfunctie van de baai. We moeten deze specifieke eigenschap dus toevoegen om deze te vervangen.
Naarmate je meer en meer met stijl en lay-out speelt, zul je waarschijnlijk merken dat de bovenstaande oplossing niet per se de beste oplossing is. Als je opvulling van welke aard dan ook toevoegt aan de achtergrond, zul je zien dat deze CSS-eigenschappen de neiging hebben om te vervagen waar de achtergrond binnenkomt. Zie de voorbeeldcode hieronder die het punt illustreert:
Professor Perkamentus
Professor Anderling
Professor Schurk
professor Trelawney