Diferença entre display none e visibility hidden

Tire dúvidas sobre CSS, Tableless e Webstandards, folhas de estilo

Moderador: web

  Assista o vídeo    Busque no Youtube
Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 16042
Registrado em: 20-01-2007 18:08
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contacto:

Diferença entre display none e visibility hidden

Mensagempor web » 01-04-2011 11:14

Quando queremos ocultar um elemento no documento, podemos usar o display none ou o visibility hidden.

A diferença básica entre os dois, é que o display none, esconde o elemento e o espaço que ele ocupa, por exemplo

Código: Selecionar todos   Testar HTML   Testar PHP   Testar MySQL   Como Funciona   Expandir código-fonte

a
<div style="display:none;">abc</div>
b

Se não tivesse o display acima, iria ser mostrado o a, pulado uma linha depois mostrado o b, mas, como o valor está none, a div e o espaço que ela ocupa somem.

Já com o visibility hidden, o espaço do elemento continua lá, somente não irá ser mostrado o elemento na tela.

Código: Selecionar todos   Testar HTML   Testar PHP   Testar MySQL   Como Funciona   Expandir código-fonte

a
<div style="visibility:hidden;">abc</div>
b
Se gostou do conteúdo, participe e divulgue.
0

BUSCA RÁPIDA
Diferença entre display none e visibility hidden

Voltar para “Fórum sobre CSS”

Rolar para o topo