Ao falar sobre esse assunto, algumas pessoas podem perguntar: não existe um atributo vertical-align em CSS para definir a centralização vertical? Mesmo que alguns navegadores não suportem isso eu só preciso fazer um pouco de CSS
A tecnologia de hack é suficiente! Portanto, tenho que dizer algumas palavras aqui. Existe de fato um atributo de alinhamento vertical em CSS, mas ele ocorre apenas para elementos que possuem o atributo valign no elemento HTML (X).
Eficaz, como
efeito.
Tutorial relacionado: N maneiras de centralizar div horizontalmente
1. Centralização vertical em linha única
Se houver apenas uma linha de texto em um contêiner, é relativamente simples centralizá-la. Precisamos apenas definir sua altura real para ser igual à altura da linha.
como:
div {
altura:25px;
altura da linha: 25px;
estouro: oculto;
}
Este código é muito simples. A configuração overflow:hidden é usada posteriormente para evitar que o conteúdo exceda o contêiner ou cause quebra automática de linha, de modo que o efeito de centralização vertical não possa ser alcançado. Mais CSS ensina
Procedimento.