White-Space: Controle quebras de linha com CSS

Por Richard em 25/07/2007

Sabe aquele título que deveria ficar numa linha só e não fica? Hoje vou dar uma dica rápida de como configurar quebras de linha com css. White-space é a propriedade que define o comportamento das quebras de linha.

  1. white-space: normal - mantém o elemento no padrão.
  2. white-space: pre - quebras de linha no código viram quebras de linha no layout (Ie6 incompatível) – equivalente à tag
    pre
  3. white-space: nowrap – não quebra linha de jeito nenhum.

Um exemplo prático:

p {
white-space: nowrap;
}

Bem simples, não é?


2 respostas »

  1. Rodrigo em 24/09/2007 às 05:39

    Obrigado pela dica!

    Eu estava a mais de um dia tentando entender porque meu código nao funcionava e entao achei seu blog…

    Valeu cara! :)

    Sucesso!

    [Responder]

  2. zaqueu em 12/08/2009 às 07:25

    bom, seu blog é mesmo muito interessante, mas meu problema prossegue.

    a quebra de linha ta funcionando beleza no mozila , no IE 8, mas no IE 7 fica uma m….

    preciso resolver isso o mais rápido possivel.

    [Responder]

RSS feed for comments on this post. TrackBack URL

Deixe um comentário

177 Assinantes Assine o FEED