Over CSS white-space
white-space is een CSS-eigenschap waarmee witruimte (spaties) en regelafbreking van de tekst binnen een element (div, span, p, enz.) kan worden geregeld.
white-space kan de volgende waarden hebben:
| Waarde | Betekenis |
normal | Dit is de default-instelling. Meerdere spaties worden samengevoegd tot één spatie. Regels worden afgebroken en gaan verder op de volgende regel. |
nowrap | Meerdere spaties worden samengevoegd tot één spatie. De tekst wordt niet afgebroken maar blijft op één regel staan. |
pre | Het effect is identiek aan het gebruik van de tag <pre> in HTML. Spaties blijven onveranderd en regels worden alleen afgebroken als er regeleinden in de tekst staan. |
pre-line | Meerdere spaties worden samengevoegd tot één spatie. Regels worden afgebroken als dat nodig is én als er regeleinden in de tekst staan. |
pre-wrap | Gelijk aan pre, maar regels worden ook afgebroken als
dat nodig is. |
Deze aanpak wordt ondersteund door alle moderne browsers.
MDN Web Docs noemt ook
white-space-collapse. Dat heeft ongeveer dezelfde functionaliteit als white-space. Dat is verwarrend. Het
wordt door alle moderne browsers bijna volledig ondersteund. Andere hieraan gerelateerde CSS-eigenschappen, waaronder
text-space-collapse, worden niet of nauwelijks ondersteund. Volgens CanIuse.com gaat dat ook niet gebeuren.
