Diferença entre display none e visibility hidden    Perguntar    Responder    Entrar    Cadastre-se    Topo    Fechar

Diferença entre display none e visibility hidden

Fórum para postar 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: 16492
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

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.

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 e Tableless”

cron
Rolar para o topo