Når authoring web-sider og programmering i HTML, som du kanskje har lagt merke til at uansett hvor mange plasser du sette mellom ord eller tekst-elementer-de får kollapset til en enkelt plass ved gjengivelse på siden.
Når du skriver tekst eller setninger i de fleste tekstbehandling programvaren, du vil være i stand til å trykke på mellomromstasten flere ganger og legge til flere områder hvor du vil., Avhengig av HTML-redigeringsprogram du bruker, kan du være i stand til å gjøre det i editoren som godt, men så snart siden gjengir i en nettleser de arealer forsvinne.
Dette kan være veldig forvirrende for nye brukere og uerfarne programmerere. Du ser på kildekoden og se på flere områder, men det er noe websiden ikke har det. Dette er på grunn av hvordan HTML-spesifikasjon fungerer og hvordan gjengivelse motorer er programmert. Men alt er ikke tapt….,
mellomrom mellom ord eller tegn i tekst-elementene
for Å sette inn flere områder, du trenger å vite om utvidet HTML karakter: eller non-breaking space karakter. Du kan bruke disse til å legge til et ekstra mellomrom nesten hvor som helst. La oss se på et eksempel:
<p>this is a short sentence with extra spaces between text</p>
I eksemplet ovenfor vil vise eller gjengi i nettleseren som:
dette er en kort setning med ekstra mellomrom mellom tekst
Du kan bruke dette mellom alle elementer og med i HTML-koden., Her har vi brukt <p> eller avsnitt tag, men du kan bruke det i div eller span også. Dette er nyttig for å legge til horisontal mellomrom mellom ord og tegn. Hvis du tenker på å legge til vertikal mellomrom mellom ord eller setninger, så er det som kalles linje høyde og linje høyden kan tilpasses på helt forskjellige måter.,
ved hjelp av css for å legge til ordet avstand
De ovennevnte metoden med bruk av non-breaking space karakter er trolig den mest fleksible tilnærming som det gir deg muligheten til å tilfeldig sette inn mellomrom der du vil ha dem. Dette er alle gode og godt når du bare legge til noen områder her og der. Men hvis du ønsker å konsekvent legge til ekstra mellomrom mellom hvert ord i hele teksten element så det kan bli ganske tungvint.
Så for å gjøre det med denne metoden vil du trenger for å legge til ikke-breaking mellomrom mellom hvert eneste ord i teksten., Det andre alternativet er å bruke CSS-egenskapen for ord og linjeavstand. CSS-egenskapen er kalt word-avstand og kan brukes med alle HTML-kode som viser tekst.
<p style=”word-spacing: 40px”>this is a sample sentence with extra wide word spacing between text</p>
koden ovenfor vil vises som:
dette er et eksempel på en setning med ekstra brede ordet avstand
mellomrom mellom avsnitt eller annen tekst-elementer i side –
Selv om det er en dårlig måte å oppnå dette, du kan legge til non-breaking space ( ) for å legge til mellomrom mellom avsnittene, så vel. Bedre måte å gjøre dette på ville være å bruke en gjennomgripende stilark eller stil tag.,
Så, den første metoden for å legge til mellomrom mellom to avsnittene ville være å legge til en ny tomt avsnitt mellom dem. Du kan oppnå dette ved å bruke non-breaking space tegn med i p-koder.
<p>first paragraph here</p>
<p> </p>
<p>second paragraph</p>
Du kan legge til så mange av disse «ekstra» avsnitt som du trenger for å legge til mellomrom mellom avsnittene. En litt bedre alternativ er å bruke linjeskift tag i HTML, som er <br> – tag-en.,
<p>first para</p>
<br/><br/>
<p>second para</p>
Du kan legge til så mange br merker du ønsker å legge til vertikal avstand mellom tekst eller visuelle blokker i HTML. Og den beste måten er å bruke stil-tag, eller CSS og justere margen eller polstring av elementet. Hvordan å gjøre det på er sannsynligvis utenfor rammen av dette innlegget…