GeeksforGeeks (Nederlands)

spatiëring kan worden toegevoegd met behulp van HTML en CSS door 3 benaderingen:

Methode 1: gebruik van de speciale tekens die zijn aangewezen voor verschillende spaties

de   karakterentiteit die wordt gebruikt om een niet-afbrekende spatie aan te duiden die een vaste spatie is. Dit kan worden waargenomen als twee keer de ruimte van een normale ruimte. Het wordt gebruikt om een spatie in een regel te maken die niet kan worden verbroken door regelafbreking.,

de   karakterentiteit die wordt gebruikt om een ‘en’ – spatie aan te duiden, wat de halve puntgrootte van het huidige lettertype betekent. Dit kan worden waargenomen als twee keer de ruimte van een normale ruimte.

de   karakterentiteit gebruikt om een ‘em’ spatie aan te duiden die gelijk is aan de puntgrootte van het huidige lettertype. Dit kan worden waargenomen als vier keer de ruimte van een normale ruimte.,

Syntax:

Regular space:  Two spaces gap:  Four spaces gap:  

Voorbeeld:

In het bovenstaande code de reguliere ruimte en twee ruimte en vier ruimte gaten code is niet zichtbaar, dus hier is hoe het eruit ziet,

Output:

Methode 2: Gebruik de tab-size eigenschap stelt de afstand voor tab tekens

Het tabblad grootte CSS-eigenschap is het aantal spaties elke tab-teken wordt weergegeven., Als u deze waarde wijzigt, kunt u de benodigde hoeveelheid ruimte invoegen op één tab-teken. Deze methode werkt echter alleen met vooraf geformatteerde tekst (met <pre> tags).

Het tab-teken kan worden ingevoegd door de Alt ingedrukt te houden en op 0 en 9 te drukken.,

syntaxis:

.tab { tab-size: 2; }

voorbeeld:

uitvoer:

Methode 3: Een nieuwe klasse voor spatiëring maken met behulp van CSS

kan een nieuwe klasse worden gemaakt die een bepaalde hoeveelheid spatiëring geeft door gebruik te maken van de eigenschap margin-left. De hoeveelheid ruimte kan worden gegeven door het aantal pixels dat in deze eigenschap is opgegeven.

de eigenschap display is ook ingesteld op’ inline-block ‘ zodat er geen regelafbreking wordt toegevoegd na het element. Hierdoor kan de ruimte naast tekst en andere elementen zitten.,

Syntax:

.tab { display: inline-block; margin-left: 40px;}

Example:

Output: