Em algumas situações nós precisamos centralizar uma DIV em nossa página HTML, talvez com o propósito de exibir um aviso, uma imagem, etc. Nesta dica mostrarei como podemos centralizar a DIV tanto na vertical quanto na horizontal.
Para isso nós vamos usar as propriedades position, top, left e transform do CSS. Experimente alterar as dimensões da DIV e veja que não importa as dimensões dela, ela estará sempre centralizada verticalmente e horizontalmente.
Veja a página HTML e CSS completa para o exemplo:
Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.
Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.
Quero Ser Apoiador(a) |
|
Link para compartilhar na Internet ou com seus amigos:
