White-space

Siden er opdateret 23.1.2008

Med white-space defineres, hvordan indtastede ordmellemrum og linjeskift skal gengives af browseren. Der kan defineres disse parametre:

inherit

Formateringen nedarves fra nærmeste overordnede element.

normal.

Standard browservisning:

• Flere samlede ordmellemrum bliver lagt sammen til kun et
• Linjeskift i teksten bliver vist som et ordmellemrum

pre

Formatering som i html-elementet pre, bortset fra font-family, som ikke ændres her.

nowrap

Teksten ombrydes ikke.

---

Eksempel på white-space:pre:

Parameteren pre opfører sig på samme måde som det enslydende html-element på nær et punkt: font-family bliver ikke ændret til monospaced.

<p style="white-space: pre;">Preformateret
   tekst</p>

Uden pre: Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque.

Med pre: Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque.

Teksten i de to eksempler herover har fået den samme formatering (linjeskift og ekstra ordmellemrum), men kun det andet eksempel er sat op til at vise formateringen.

---

Parameteren nowrap bevirker, at teksten fortsætter ubrudt efter at den definerede bredde er nået.

Sættes white-space: nowrap; på <span>fire små samlede ord</span>, kan man forebygge et forstyrrende linjeskift lige der. Span'et lægges så samlet ned på næste linje.

<span style="white-space: nowrap;">brevi vel toto est</span>

Uden nowrap: Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor

Med nowrap: Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor

---

Parameteren nowrap sat på hele linjen:

<p style="white-space: nowrap; width:70%;">Tekst i en linje</>

Uden nowrap: Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel

Med nowrap: Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel

I Mozilla/Firefox og Opera flyder teksten ud af boksen. I IE udvides boksen efter behov.

Valid XHTML og CSS / Copyright © Hjemmesideskolen januar 2005

FreeFind