CSS vlastnost white-space určuje způsob práce s řádkovými zlomy v HTML.
| hodnoty | zacházení s bílými znaky |
|---|---|
| normal | skupiny bílých znaků v html zdroji jsou považovány za jednu mezeru, kde je potřeba, zalomí se řádek |
| pre | všechny mezery a bílé znaky ve zdroji jsou vykresleny v dokumentu |
| nowrap | text nebude automaticky zalamován do okna prohlížeče, ale bude na jednom řádku |
V normálním HTML se skupiny bílých znaků (řádkové zlomy, tabulátory, mezery) považují za jednu mezeru a tak se také vykreslí do dokumentu. To odpovídá hodnotě white-space: normal, která je výchozí a není ji třeba zadávat.
Hodnota white-space: pre je obdobou zastaralého html tagu <pre>, který způsoboval vykreslení prvku do dokumentu přesně tak, jak je ve zdroji -- včetně bílých znaků. Používá se to zejména pro výpis různých zdrojových kódů, které už jsou zformátované mezerami a tabulátory.
Hodnota white-space: nowrap je obdobou zastaralého html tagu <nobr>. Funguje ale méně spolehlivě :-). Takový prvek nedovolí uvnitř sebe zalomit řádek, což se občas hodí v přesně vypočítaných designech.
| Prohlížeč | Podpora ve verzích | Poznámka |
|---|---|---|
| 5.5, 6 | v IE 5.5 závisí podpora hodnoty pre na striktním
DOCTYPE, verze 4 a 5.0 white-space nepodporují |
|
| Mozilla (Netscape 6+) | všechny verze | |
| Opera | 4, 5, 6, 7 | |
| Konqueror | ano | |
| IE 5 / Mac | ano | |
| Netscape Navigator 4 | částečně | neumí nowrap |
Zápis
<div style="white-space: pre">
120 koní
78 ovcí
34 psů
2 lidi
</div>
se zobrazí skoro stejně jako
<pre>
120 koní
78 ovcí
34 psů
2 lidi
</pre>
Rozdíl je v tom, že white-space: pre pro zobrazení potřebuje striktní doctype. Zobrazit tento příklad na white-space: pre.
Tag <pre> automaticky změní písmo na neproporcionální, kdežto white-space druh písma nemění. Dalo by se to nastavit pomocí font-family:
<style>
.vystup {white-space: pre; font-family: monotype}
</style>
Tag <pre> v HTML, Tag <nobr> v HTML
o tvorbě, údržbě a zlepšování internetových stránek