När du skapar webbsidor och programmerar i HTML kanske du har märkt att oavsett hur många mellanslag du lägger mellan ord eller textelement de kollapsar till ett enda mellanslag när du gör sidan.
När du skriver text eller meningar i de flesta textbehandlingsprogram kommer du att kunna slå mellanslagstangenten flera gånger och lägga till flera mellanslag var du vill., Beroende på HTML-redigeraren du använder kanske du också kan göra det i redigeraren, men så snart sidan gör i en webbläsare försvinner dessa mellanslag.
detta kan vara riktigt förvirrande för nya användare och nybörjare programmerare. Du tittar på källkoden och ser flera utrymmen men på något sätt webbsidan inte har det. Detta beror på hur HTML-specifikationen fungerar och hur renderingsmotorerna programmeras. Men allt är inte förlorat….,
mellanslag mellan ord eller tecken i textelement
för att infoga flera mellanslag måste du veta om det utökade HTML-tecknet: eller det icke-brytande mellanslagstecknet. Du kan använda dessa för att lägga till ett extra utrymme nästan var du vill. Låt oss titta på ett exempel:
<p>this is a short sentence with extra spaces between text</p>
ovanstående exempel kommer att visa eller rendera i webbläsaren som:
detta är en kort mening med extra mellanslag mellan text
Du kan använda detta mellan alla element och med i någon HTML-tagg., Här har vi använt<p> eller paragraftaggen, men du kan också använda den inom div eller span. Detta är användbart för att lägga till horisontella mellanslag mellan ord och tecken. Om du funderar på att lägga till vertikalt utrymme mellan ord eller meningar så kallas linjehöjd och linjehöjd kan anpassas på helt olika sätt.,
använda css för att lägga till ord avstånd
ovanstående metod för att använda icke-breaking space tecken är förmodligen den mest flexibla metoden eftersom det ger Dig möjlighet att slumpmässigt infoga mellanslag där du vill ha dem. Det här är bra och bra när du bara lägger till några mellanslag här och där. Men om du vill konsekvent lägga till extra mellanslag mellan varje ord i hela textelementet kan det bli ganska besvärligt.
så för att göra det med den här metoden måste du lägga till det icke-brytande mellanslagstecknet mellan varje ord i texten., Det andra alternativet är att använda CSS-egenskapen för ordavstånd. Egenskapen CSS heter word-spacing och kan användas med någon HTML-tagg som visar text.
<p style=”word-spacing: 40px”>this is a sample sentence with extra wide word spacing between text</p>
ovanstående kod kommer att återge som:
detta är ett exempel mening med extra brett ord avstånd
mellanslag mellan stycken eller andra textelement på sidan
Även om det är ett dåligt sätt att uppnå detta, kan du lägga till det icke-brytande utrymmet ( ) för att lägga till mellanslag mellan stycken samt. – herr talman! Det bättre sättet att göra detta skulle vara att använda en kaskad formatmall eller stiltaggen.,
så skulle den första metoden att lägga till utrymmet mellan två stycken vara att lägga till ett nytt tomt stycke mellan dem. Du kan uppnå detta genom att använda de icke-brytande mellanslagstecken med i P-taggarna.
<p>first paragraph here</p>
<p> </p>
<p>second paragraph</p>
Du kan lägga till så många av dessa ”extra” stycken som du behöver lägga till utrymme mellan stycken. Ett något bättre alternativ är att använda linjebrytningstaggen i HTML, vilket är<br> – taggen.,
<p>first para</p>
<br/><br/>
<p>second para</p>
Du kan lägga till så många br-taggar som du vill lägga till vertikalt utrymme mellan text eller visuella block i HTML. Och det bästa sättet är att använda stiltaggen eller CSS och justera marginalen eller stoppning av elementet. Hur man gör det är förmodligen bortom omfattningen av detta inlägg…