qual é a ideia básica de se usar o vertical-align no css? para que ela realmente serve?
qual é a ideia básica de se usar o vertical-align no css? para que ela realmente serve?
Oi Roger, a vertical-align alinha elementos inline
em uma linha de texto. Por exemplo, uma imagem usada no meio de uma linha. Ou alinhar elementos inline / inline-block que estejam na mesma linha imaginária.
É um pouco bizarro. Ele nao serve pra qualquer coisa. O nome dela deveria ser algo tipo text-vertical-align
pra ficar mais claro.
Mas essencialmente vc só usa quando tem texto, elementos inline ou inline-block. Pra alinhar na mesma linha.
PS. se estiver curioso e quiser se aprofundar bastante, tem um artigo bem legal sobre isso e como funciona alinhamento de texto em geral: http://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align