A propriedade CSS white-space

Definição e uso

A propriedade white-space define como o whitespace deve ser tratado dentro do elemento.

Esta propriedade declara como o layout deve lidar com espaços em branco dentro do elemento. Os valores pre-wrap e pre-line foram adicionados no CSS 2.1.

Veja também:

Tutorial de CSS:Texto CSS

Manual de referência do DOM HTML:Propriedade whiteSpace

Exemplo

Define que o texto dentro do parágrafo não deve quebrar de linha:

p
  {
  white-space: nowrap;
  }

Experimente você mesmo

Sintaxe do CSS

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

Valor da propriedade

Valor Descrição
normal Padrão. Os espaços em branco são ignorados pelo navegador.
pre Os espaços em branco são mantidos pelo navegador. Seu comportamento é semelhante ao da etiqueta <pre> do HTML.
nowrap O texto não quebra de linha, continuando na mesma linha até encontrar a etiqueta <br>.
pre-wrap Mantém sequências de espaços em branco, mas faz quebras de linha normais.
pre-line Combina sequências de espaços em branco, mas mantém quebras de linha.
inherit Deve-se herdar o valor da propriedade white-space do elemento pai.

Detalhes técnicos

Valor padrão: normal
Herança: sim
Versão: CSS1
Sintaxe do JavaScript: object.style.whiteSpace="pre"

Mais exemplos

Impedir que o texto se quebre dentro de um elemento
Este exemplo demonstra como impedir que o texto se quebre dentro de um elemento.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 3.5 3.0 9.5