avstånd kan läggas till med hjälp av HTML och CSS genom 3 tillvägagångssätt:
Metod 1: Använda specialtecken som är avsedda för olika utrymmen
& nbsp; teckenenhet som används för att beteckna ett icke-brytande utrymme som är ett fast utrymme. Detta kan uppfattas som två gånger utrymmet i ett normalt utrymme. Det används för att skapa ett utrymme i en linje som inte kan brytas av word wrap.,
  teckenenhet som används för att beteckna ett ’en’ – utrymme vilket betyder halvpunktsstorlek för det aktuella teckensnittet. Detta kan uppfattas som två gånger utrymmet i ett normalt utrymme.
  teckenenhet som används för att beteckna ett ’em’ – utrymme vilket betyder lika med punktstorleken för det aktuella teckensnittet. Detta kan uppfattas som fyra gånger utrymmet i ett normalt utrymme.,
Syntax:
Regular space: Two spaces gap:  Four spaces gap:  
exempel:
i ovanstående kod är det vanliga utrymmet och två utrymmet och fyra luckor koden inte synlig så här är hur det ser ut
utgång:
metod 2: använd egenskapen flikstorlek för att ställa in avstånd för fliktecken
egenskapen flikstorlek CSS är inställd på antalet mellanslag varje fliktecken kommer att visas., Genom att ändra detta värde kan du infoga den nödvändiga mängden utrymme på ett fliktecken. Denna metod fungerar dock endast med förformaterad text (med <pre> taggar).
fliken tecken kan infogas genom att hålla Alt och trycka på 0 och 9 tillsammans.,
Syntax:
.tab { tab-size: 2; }
exempel:
Output:
Metod 3: Skapa en ny klass för avstånd med hjälp av CSS
en ny klass kan vara skapad som ger en viss mängd avstånd med hjälp av marginalen-vänster egendom. Mängden utrymme kan anges med antalet pixlar som anges i den här egenskapen.
visningsegenskapen är också inställd på ”inline-block” så att ingen radbrytning läggs till efter elementet. Detta gör att utrymmet kan sitta bredvid text och andra element.,
Syntax:
.tab { display: inline-block; margin-left: 40px;}
Example:
Output:
Leave a Reply