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?
Defina o estilo dos elementos que contém como
text-align:center;
defina seu estilo de imagem para
display:inline-block;
margin:auto;
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;