Diferença entre display none e visibility hidden


Fórum para dúvidas sobre CSS, Tableless e Webstandards.

Moderador: web

Logar para Responder
Logar para Perguntar

 Diferença entre display none e visibility hidden
Por web 15144 post(s) Offline ADMIN  Masculino 3384p em Sex Abr 01, 2011 11:14 am



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

Selecionar - Numerar
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.

Selecionar - Numerar
a
<div style="visibility:hidden;">abc</div>
b



1 mais

0 resposta(s)

Resposta Rápida

   


 Busca Dinâmica

Clique em alguma palavra-chave para buscar, ou busque uma frase na caixa de pesquisa a seguir.

Diferença entre display none e visibility hidden






Logar para Responder
Logar para Perguntar




Voltar para CSS, Tableless e Webstandards

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 2 visitantes