Hoe maak je een regeleinde in Javascript

| | | | | | | | | | | |

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

Er is andere oplossingen die soortgelijke resultaten opleveren - waarbij de achtergrond op de vorige regel begint en vervolgens een regelterugloop uitvoert met de juiste achtergrondtekst op de volgende regel. Ik herinner me de CSS-eigenschap box decoration break: clone die kan worden toegevoegd aan de span-klasse hierboven om een soortgelijk resultaat te bereiken, maar het geeft ons niet echt het gewenste resultaat.


p>

elementen gebruiken bij het blokkeren, zoals

of