6 Dicas de CSS em uma Linha

Mar 12, 2008 I CSS.

Centralizar Verticalmente com Line-height
Quando você tem um container com altura fixa, você pode utilizar a propriedade line-heigh para centralizar verticalmente o conte

line-height:24px;

 

Prevenir Conteúdo Distorcido com larguras fixa.
Quando você inseri um conteúdo maior que a largura fixada em um container, ele quebra o layout. Para evitar isso, você oculta parte do conteúdo, mas permite que a estrutura do seu layout permaneça intacta.

#main{overflow:hidden;}

 

Prevenir Quebra de Linhas em Links
Essa pequena dica irá prevenir quebra de linhas em seus links.Recomenda-se o uso dessa técnica em textos longos para evitar que links se quebrem em 2 linhas;

a{white-space:nowrap;}

 

Centralizando elementos de bloco horizontalmente
Para todos navegadores modernos esta linha de css é suficiente para centralizar um bloco horizontalmente

margin:0 auto;

 

Removendo Scrollbar Vertical de Textarea no IE
Textarea no IE tem a scrollbar vertical visível por padrão. Se você quiser remover utilize essa linha de código

textarea{overflow:auto;}

 

Força Quebra de Linhas em Documentos Impressos
Com esta linha de código você controla espaços quando você quer suas paginas impressas.

h2{page-break-before:always;}



Fonte:CSS Globe

Leave a Reply