Richard Barros

White-Space: Controle quebras de linha com CSS

Livros que recomendo

  • Não me Faça Pensar - Usabilidade na Web
  • Design para a Internet: Projetando a Experiência Perfeita
  • Construindo Sites com CSS e (X)HTML
  • Getting Things Done - A Arte de Fazer Acontecer
  • Construindo Sites com CSS e (X)HTML
  • Construindo Sites com CSS e (X)HTML

Estou lendo

Projetos Pessoais

  • Twitter

  • @richardbarros ( followers)

    Blog

    25/07/2007

    White-Space: Controle quebras de linha com CSS

    Este post fala sobre

    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 é?

    Bookmark e Compartilhe

    1 Comentario »

    1. Rodrigo
      24/09/2007 5:39 am

      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!

    Deixe um comentario