it-swarm-pt.com

Qual é a melhor maneira de centralizar imagens em sites?

Toda vez que trabalho em um novo projeto, não tenho problemas para centralizar o texto usando "text-align: center" para centralizar o texto, mas nunca vi um código semelhante para centralizar as imagens, por isso sempre corto o código centralizando as imagens no HTML (não é a opção mais limpa) ou fornecendo à imagem uma largura variável (que não funciona em várias resoluções). Existe alguma maneira de conseguir isso que eu não tentei? E alguém sabe se algo assim será implementado no CSS3?

2
rgaspary

Defina o estilo dos elementos que contém como

text-align:center;

defina seu estilo de imagem para

display:inline-block;
margin:auto;
8
Sruly

A resposta de Sruly atinge a unha na cabeça. a única coisa que eu consideraria adicionar é vertical-align: middle; para a tag da imagem, da seguinte maneira:

display:inline-block;
margin:auto;
vertical-align: middle;
2
Sk93