Oppdatert: 12/30/2019 av Datamaskinen Håper

å Lage ekstra plass i HTML-koden på en webside kan oppnås på mange måter, avhengig av type rom du ønsker å opprette. De følgende avsnittene inneholder mange forskjellige måter å lage ekstra plass med både HTML og CSS.,

Opprette ekstra mellomrom før eller etter tekst

En av de mest forvirrende ting til nye brukere som holder på å lage en web-side, er at de ikke trykker mellomromstasten flere ganger gjøre flere områder. For å skape ekstra mellomrom før, etter, eller i-mellom tekst, kan du bruke   (non-breaking space) utvidet HTML karakter.

For eksempel, med «ekstra rom» har vi følgende kode i vår HTML.,

extra    space
Obs!

Hvis du bruker et WYSIWYG-editor for å skrive inn koden ovenfor, må du være i HTML-fanen eller redigering av HTML-kode.

Tips

For en liste av utvidet spesielle HTML-tegn, kan du se: Full oversikt over utvidet spesielle HTML-tegn.

Holde avstand i tekst som er limt inn på en side

Hvis du limer inn tekst med ekstra mellomrom eller tabulatorer, du kan bruke HTML <før> – tag-en for å holde tekst som er formatert., Nedenfor er et eksempel på hvordan du skal lime inn tekst med ekstra mellomrom ved hjelp av <før> – tag-en.

This text has lots of spaces

eksemplet ovenfor er gjort ved hjelp av HTML-koden nedenfor.

<pre class="tab">This text has lots of spaces</pre>
  • > Se vår HTML <før> – tag-en side for ytterligere informasjon om denne koden.
Obs!

Hvis du bruker et WYSIWYG-editor for å skrive inn koden ovenfor, må du være i HTML-fanen eller redigering av HTML-kode.,

å Lage ekstra plass rundt et element eller objektet

Noen HTML-element kan ha ekstra mellomrom lagt til topp, høyre, bunn, venstre eller høyre. Men, sørg for at du forstår forskjellen mellom margin og padding før de bestemmer seg for den typen plass du vil legge til rundt elementet eller objekt. Som du kan se i bildet nedenfor, padding omgir element, innenfor grensen, og margin utenfor grensen.

eksemplet nedenfor viser våre avsnitt omgitt av en ramme, rykket inn med en margin, og med avstand på høyre og bunn.,

Et eksempel på et avsnitt med margin og padding.

eksempelet over ble laget ved å bruke koden nedenfor.

I den første delen av koden, «margin-left: 2.5 em;» legger til en venstre marg 2,5 em, som gir inntrykk av innrykket tekst. Som vist ved eksempel, denne avstanden er utenfor grensen. I den neste delen, «padding: 0 7em 2em 0;» er å definere topp, høyre, bunn og venstre (med klokken) polstring. Det er «0» toppen «padding», «7em» rett «padding», «2em» nederst polstring, og 0 venstre polstring., Resten av dette eksemplet er å definere hvor grensen bør se ut.

Opprette en kategori ved hjelp av CSS og HTML

En kategori kan lages i HTML ved å justere venstre marg på et element. For eksempel, dette avsnitt har en venstre marg 2,5 em fra elementet som inneholder tekst. CSS for å lage denne til venstre margen er vist nedenfor.

.tab { margin-left: 2.5em}

Etter å plassere denne koden i vår CSS-fil, kan vi bruke «tab» klasse til tekst for å skape inntrykk av a-kategorien. Verdien av margen til venstre kan økes eller reduseres avhengig av dine behov.,

Selv om vi anbefaler at metoden ovenfor, margin-left CSS kan også legges inline, som vist i eksempelet nedenfor.

<p style="margin-left:2.5em">An example of a 5em left margin.</p>

Et eksempel på en 5em venstre marg.

  • Hvordan gjør jeg innrykk eller kategorien tekst på min web-side eller HTML?

Legg til området nedenfor en linje eller et avsnitt med tekst

Hvis du trenger å legge til ekstra plass under en linje eller et avsnitt med tekst, og trenger bare å gjøre det en gang, kan du bruke <br> – tag-en. Nedenfor er et eksempel på hvordan denne teknikken kan brukes.,

<p>This sentence contains example text.<br><br>As you can see, two breaks add the space above.</p>

koden ovenfor skaper den teksten som vises nedenfor.

Denne setningen inneholder eksempel tekst.
Som du kan se, to pauser legge til plassen over.

Ekstra pauser kan legges til hvis nødvendig. Imidlertid foreslår vi at du bruker CSS metode som tidligere nevnt å legge til polstring og avstand rundt teksten din, hvis det blir gjort på flere steder på en side.

Mer informasjon

  • Hvordan for å justere tekst på en web-side i HTML eller CSS.
  • Hvordan å lage HTML-formatert tekst.
  • Se våre mellomrom definisjon for mer informasjon og aktuelle linker.,
  • HTML og web-design for hjelp og støtte.